在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue-amap使用配置

vue-amap使用配置

項(xiàng)目中引用了https://elemefe.github.io/vue...
使用npm 按照文檔中使用
按照文檔在main.js

import Vue from 'vue';
import VueAMap from 'vue-amap';
import App from './App.vue';

Vue.use(VueAMap);
VueAMap.initAMapApiLoader({
  key: 'your amap key',
  plugin: ['AMap.Autocomplete', 'AMap.PlaceSearch', 'AMap.Scale', 'AMap.OverView', 'AMap.ToolBar', 'AMap.MapType', 'AMap.PolyEditor', 'AMap.CircleEditor'],
  // 默認(rèn)高德 sdk 版本為 1.4.4
  v: '1.4.4'
});

new Vue({
  el: '#app',
  render: h => h(App)
})

我現(xiàn)在是想在某個(gè)組件中使用這個(gè)地圖組件。嘗試在組件頁(yè)面中使用但是會(huì)顯示組件注冊(cè)的問題。

或者

clipboard.png
這個(gè)具體操作內(nèi)容是什么,是在組件中使用?這一塊代碼不太理解,目前只是想實(shí)現(xiàn)在某個(gè)組件中能使用這個(gè)組件,并不想全局使用

import VueAMap from 'vue-amap';
import { lazyAMapApiLoaderInstance } from 'vue-amap';

Vue.use(VueAMap);
VueAMap.initAMapApiLoader({
  key: 'YOUR_KEY',
  plugin: ['AMap.Scale', 'AMap.OverView', 'AMap.ToolBar', 'AMap.MapType',...],
  uiVersion: '1.0' // ui庫(kù)版本,不配置不加載,
  v: '1.4.4'
});

lazyAMapApiLoaderInstance.load().then(() => {
  // your code ...
  this.map = new AMap.Map('amapContainer', {
    center: new AMap.LngLat(121.59996, 31.197646)
  });
});
回答
編輯回答
舊螢火

我也想知道.....

2017年4月22日 18:46