前端开发中地图功能的实现

Posted 2023-03-24

参考技术A 这里我用到的是跟vue相结合的vue-amap

https://elemefe.github.io/vue-amap/#/

 第一步  npm install vue-amap --save

第二步先别急  想要使用此插件的话 需要先去高德api的官网注册一个key

网址： https://lbs.amap.com/

里边介绍的很清楚，在这里就不多说了

上边已经安装完npm

第二步挂载

其中在vueamap.initamapapiloader中加入你申请的key

第二个属性为地图中所需要用到的相关插件来实现附带的功能，如定位，鹰眼，指南等

第三步：就是直接在官网的插件中找到你所需要的功能了

官网的文档很给力 基本复制粘贴就能实现你想要的效果，但是还是有个小坑

就是上边说的plugin属性，拿定位来说 如果你想要实现定位功能就需要在属性值的数组里添加这个功能，如定位的是

不然的话就实现不了，其他的话官网给的是明明白白

小弟不才，希望对您有帮助，欢迎大佬指点