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

这里我用到的是跟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属性，拿定位来说 如果你想要实现定位功能就需要在属性值的数组里添加这个功能，如定位的是

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

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容