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的图标名

Logo

CSDN联合极客时间,共同打造面向开发者的精品内容学习社区,助力成长!

更多推荐