实力大比拼,基于vue的地图组件库

2022-10-26 12:52:48 浏览数 (1)

在国内开发地图功能的时候,一般会从百度、高德、腾讯这三个厂家去选择,但是吧~腾讯的占用量实在是太小了,比起那两家来说各个方面也不如他们的好,所以腾讯地图今天暂不考虑了。

下面主要是对比百度和高德两家的产品,针对vue开发,两家都有自己的库,名字分别为:

Vue Baidu Map (百度)和 Vue Amap(高德)

以下比对仅仅是从:基于vue的开发的层面两个文档 做的简单对比,不能代表两个地图的其它方面。

文档地址为:

代码语言:javascript复制
百度:https://dafrok.github.io/vue-baidu-map/#/
高德:https://elemefe.github.io/vue-amap/#/

1、安装&快速上手:

两者区别不大,看着文档都很容易完成这一步,都需要申请key然后才可以使用

2、基础功能:

两者都具备基本的地图功能,所以这方面也没有什么好对比的

3、遮盖物:

百度:点、海量点、折线、多边形、图形、地面、标签、信息窗体、自定义覆盖物

高德:点、图片、圆、多边形、折线、文本、贝塞尔曲线、圆点标记、椭圆、矩形、信息窗体

从遮盖物功能上来看,两者都有自己的特色,如何选择取决于你的地图功能偏向哪个特色多点。

4、插件&控件

百度:比例尺、缩放、地图类型、缩略图、定位、版权、城市列表、全景、自定义,第三方

高德:鹰眼、比例尺、工具、定位、自定义、第三方(文档中没有找具体的组件有哪些)

高德相较于百度插件少点了

5、搜索功能

百度:地区检索、公交路线、步行路线、驾车路线、公交路线

高德:普通的检索功能

可以看出在搜索功能上百度要比高德更多丰富和人性化。

6、其它:

百度支持图层和右键菜单功能。

高德暂时没有发现,也可能的我没有找到,如果有小伙伴找到了类似功能,请写在评论区中…

在文档的可读和完善程度上,百度要整体好于高德。

以上比对仅仅是从:基于vue的开发的层面两个文档 做的简单对比,不能代表两个地图的其它方面。(个人比较喜欢高德)

好啦,暂时就比对这么多,组件没有好与坏,都是非常优秀的库。只要能满足自己的需求就可以选择哪个

如果不知如何选择一个库,可以从学习成本,api完善度,生态、后期升级等几个方面考虑。多问一下用过的人看看他们怎么说。

0 人点赞