首页 > 编程知识 正文

高德地图,vue高德地图显示坐标名字

时间:2023-05-04 09:33:35 阅读:44928 作者:2114

修改webpac.base.conf.js文件

在与module相同的级别添加

外部: {

“AMAP”:“AMAP”、

‘ama pui’:‘ama pui’

}配置。

然后将文件引入索引页面

然后下载软件包vue-amap,

然后,在vue页面上

将此组件引入使用import AMap from ‘AMap‘//地图的页面

Var地图

导出默认值{

mounted :功能(

this.init ()

(,

methods: {

init: function () }

map=newamap.map(container ),{

center : [ 116.3430126000001,39.9662898 ],

重置启用: true,

zoom: 10

() )

制作标记器

varmarker=newamap.marker(//在地图上显示自己的位置标记

position : [ 116.3430126000001,39.9662898 ],//marker所在的位置

map:map//创建时直接赋予map属性

);

amap.plugin(amap.toolbar (,amap.scale ),function ) )。

map.addcontrol(newamap.toolbar ) )

map.addcontrol(newamap.scale ) )

() )

}

}

}

这样基本的地图调用就可以了

译文: 3358 www.cn blogs.com/WB 336035888/p/7419699.html

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。