场景:标点
import AMap from 'vue-amap'
Vue.use(AMap)
AMap.initAMapApiLoader({
key: '',
plugin: [],
// 默认高德 sdk 版本为 1.4.4
v: '1.4.4'
})
<el-amap
vid="amap"
:zoom="zoom"
class="amap-demo"
:center="center"
id="map"
:dragEnable="dragEnable"
>
<el-amap-marker vid="component-marker" :position="center"></el-amap-marker>
</el-amap>
只要传入相应的center就可以进行地图标点。
百度地图坐标传华为高德坐标:
// 百度地图坐标转换为高德坐标
convertFrom(data1, data2) {
AMap.convertFrom([data1, data2], "baidu", (status, result) => {
let lnglats = result.locations;
let ra = lnglats.join(",").split(",");
this.center = [ra[0], ra[1]];
});
},
调用 this.convertFrom(this.Lng, this.Lat);