前端地图选择分析

前端地图选择分析

目前国内较为知名的地图供应商：百度地图&高德地图
百度地图官方网址：https://lbsyun.baidu.com/
高德地图官方网址：https://lbs.amap.com/

之前总是感觉百度地图应用的比较多，但是本次调研发现，高德地图的开放平台也做得很不错，完全不输于百度。

本人在前端开发时，使用了vue框架，因此本次在调研地图选择时，更需要注重vue场景下的地图选型。且vue2和vue3的选择也会有所区别。

百度地图

在百度开发者平台上，直接选择JavaScript API出现的是BMapGL，其中的样例基本上是基于原生的js实现的，并未套用vue或者react框架。在使用中，需要开发者领悟套用进自己的框架。其中react有https://lbsyun.baidu.com/solutions/reactBmapDoc可以参考。

百度地图vue2版本：https://docs.guyixi.cn/vue-bmap-gl/#/
百度地图vue3版本：https://vue-bmap-gl.guyixi.cn/
百度地图vue3: vue-baidu-map-3x

bmap-gl的两个网站都提示这个，可能是导致百度地图文档找不到的原因，对开发者很不友好。
这两个库目前都不在维护了，本人也不建议使用。
// 由于百度需要开源文档认证，组件库停止维护，后续文档也会同步下线，有需要的可以下载代码本地运行查看文档，
百度key也会失效，可以更换为自己的key

对于本人的需求来说，前面的bmap-gl和vue-baidu-map-3x都是可以应用的。
本人一开始使用了vue-baidu-map-3x，主要原因上手难度较低，比较容易使用。
在持续开发中，感觉此库功能基本功能可以满足，但是不够丰富。

高德地图

高德地图vue3版本：https://vue-amap.guyixi.cn/
参考手册：https://lbs.amap.com/api/javascript-api-v2/documentation（不得不说，我感觉高德地图的操作手册真好，百度的就是找不到。不过本人没用高德地图的库，无法非常客观评论。）
高德地图vue2版本：https://docs.guyixi.cn/vue-amap/#/