前端 vue 使用高德地图组件：（一）加载地图并设置自定义覆盖物图标

博主这里用了vue-admin-template作为前台模板做测试...

这里使用的是外引高德css和js的方式，因为是spa单页面应用，所以只有一个index.html，在其中添加上相关应用即可：

引入（那个key换成自己在高德申请的）：

index.html 完整页面代码：

创建相关页面，并路由至此，地图页面代码：

使用的自定义图标：

成功加载后：

 地图展示因为坐标是0,0，加上自动缩放，所以显示的好像一片空白。其实没问题的，调节缩放后：

 地图组件的基本引用就是这样了，详细的功能都备注在了页面代码中，需要注意的是地图绑定的div一定要有宽高样式否则不能正常加载！