vue2.0使用高德地图第三方插件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue2.0使用高德地图第三方插件相关的知识,希望对你有一定的参考价值。

参考技术A 点击下边的网址,创建应用,然后申请key,后期要用到,如果已经有key,忽略这一步 http://lbs.amap.com/dev/key/app

首先在index.html中加入如下引用

在build/webpack.base.conf.js 加入如下配置

javascript标签中引入

编写页面

官方文档地址: https://elemefe.github.io/vue-amap/#/?id=vue-amap-%e5%9f%ba%e4%ba%8e-vue-2x-%e4%b8%8e%e9%ab%98%e5%be%b7%e7%9a%84%e5%9c%b0%e5%9b%be%e7%bb%84%e4%bb%b6

以上是关于vue2.0使用高德地图第三方插件的主要内容,如果未能解决你的问题,请参考以下文章

Flutter插件开发之Android高德地图

Flutter插件开发之Android高德地图

ionic3 应用内打开第三方地图导航 百度 高德

uniapp使用高德JS API

flutter 第三方地图导航实现

vue-swiper 基于Vue2.0开发 轻量高性能轮播插件