VUE使用高德JSAPI和AmapUI
1.地图的安装及引入看官网(下面链接)JS API结合Vue使用-JS API与前端框架结合-教程-地图 JS API v2.0 | 高德地图API下面是实现效果(非项目最终效果)2.创建一个div作为地图容器(我这里用的id名是"gd_map")3.初始化地图并注册AmapUI4.UI组件的使用...
·
1.地图的安装及引入看官网(下面链接)
JS API结合Vue使用-JS API与前端框架结合-教程-地图 JS API v2.0 | 高德地图API
下面是实现效果(非项目最终效果)
2.创建一个div作为地图容器(我这里用的id名是"gd_map")
3.初始化地图并注册AmapUI
4.地图上小车图标引入
小车的图标来源阿里iconfont图标库。使用的是在线连接
在项目中有两种引入方式。
第一种.在public文件夹下的index.html通过script标签引入
第二种.在高德地图组件页面通过js创建标签引入
5.创建使用AMapUI组件
icon的属性值,也就是我地图里的小车,是iconfont的图标名
更多推荐
已为社区贡献1条内容
所有评论(0)