VueのBaiduは使用し、高いドイツ、ワールドマップの設定(ヴュー・cli3,4の区別)

序文

今主にマップに使用されているプロジェクトでは、次のとおり設定するための使用を必要としているなどのBaidu、高地ドイツ語、世界地図、、。Vueが設定が使用されますので、今のプロジェクトのバージョンを足場の使用の不整合が原因で3または4は、ここでは、記録された同じではありません。

実際には、ローカルコンフィギュレーションが同じで、見た目のオプションのWebPACK構成されているが、3と4のWebPACKの設定が矛盾して変更されました。

A、Vueの-cliの設定3

WebPACKの足場設定ファイルでは、これは、設定ファイルがある中で、私たちの一般的なパスは、「ビルド\ webpack.base.conf.js」であるルートディレクトリのフォルダ内のビルドファイルです。

module.exportsは= { 
  外観:{
     'AMAP': 'AMAP' 
  }     
}

上記は、あなたは他のマップを追加することができ、高い道徳的なマップです。

JSのAPIをロードする別の場所では、このプロジェクトは、HTMLファイルの入り口にあります

<スクリプトSRC = "https://webapi.amap.com/maps?v=1.4.15&key=キー値アプリケーション"> </ SCRIPT>

第二に、4配置されたVueの-CLI

ヴュー-CLI 4にWebPACKの場所が変更されたのは、ファイルがルートディレクトリvue.config.jsであるため、主に以下の配置しました:

= module.exportsは{ 
  configureWebpack:{ 
    外観:{ 
      AMAP: 'AMAP'、// ガイドマップコンフィギュレーション 
      T: 'T'、// 世界地図 
      BMAP 'BMAPを'、// 百度マップの設定
    } 
  } 
}

3つのマップのこの構成。

JS APIは、HTMLファイルの入り口に上記でロードされます。

おすすめ

転載: www.cnblogs.com/zhurong/p/12156248.html