一、地图组件的引入
首先需要在项目中引入高德地图组件，在Vue中可以使用高德地图JavaScript API实现。在main.js中引入以下代码：
import VueAMap from 'vue-amap';
Vue.use(VueAMap);
//初始化 VueAMap
VueAMap.initAMapApiLoader({
key: '高德地图的key', // 使用自己申请的高德地图的key
plugin: ['AMap.Geolocation', 'AMap.MarkerClusterer'], // 根据需要引入所需插件
v: '1.4.4'
});
二、引入地图组件
在Vue页面中，我们需要引入VueAMap组件。我们使用高德地图的Map组件来展示地图。而经纬度则在VueAMap内的Marker组件。
原创文章，作者：PKHTI，如若转载，请注明出处：https://www.506064.com/n/334271.html
微信扫一扫 
支付宝扫一扫 