Vue中如何使用高德地图JS插件？

本文共计1325个文字，预计阅读时间需要6分钟。

目录+实现效果：JSAPI+加载+使用JSAPI+Loader（推荐）+实现代码+官方文档：海量点标记-覆盖物-教程-地图+高德地图API+要求：数据后端接口返回的部分数据，此处仅做展示，可参考

目录

• 实现效果：
• JSAPI 的加载
• 使用 JSAPI Loader (推荐)
• 实现代码

官方文档：海量点标记-覆盖物-教程-地图 JS API | 高德地图API

需求：根据后台接口返回的部分数据，这里仅做展示 ，可参考使用。 可以加入弹窗点击的时候。

实现效果：

JSAPI 的加载

JS API 2.0 版本提供了两种方案引入地图 JSAPI：

1. 使用官网提供的 JSAPI Loader 进行加载；

2. 以常规 JavaScript 脚本的方式加载；

注意：为避免地图数据协议和前端资源不匹配导致页面运行报错，只允许在线加载 JSAPI，禁止进行本地转存、与其它代码混合打包等用法。