vue 创建图片坐标点_vue项目中使用高德地图（根据坐标定位点）

前言

项目中需要根据坐标定位，将自己的实现过程写下来，废话不多说，上代码

正文

var map,marker;

export default {

data(){

return{

arriveCoor:[108.947025,34.2613255],//坐标点

arrive:"",//位置信息

}

},

mounted() {

mapDraw(this.arriveCoor),

mapCoor(this.arriveCoor)

},

methods:{

mapDraw(arriveCoor){

map = new AMap.Map('map-location', { //map-location是嵌地图div的id

resizeEnable: true, //是否监控地图容器尺寸变化

zoom:16, //初始化地图层级

center: arriveCoor //初始化地图中心点

});

// 定位点

this.addMarker(arriveCoor);

},

// 实例化点标记

addMarker(arriveCoor) {

var _this = this;

marker = new AMap.Marker({

icon: "", //图片ip

imageSize: "20px",

posit