本文介绍了如何在基于Vue的项目中利用百度WebGIS API加载和定制中国行政区域名称。当需要对地图上的行政区域名称或中心点进行个性化修改时，可以隐藏默认的名称和点，通过获取GeoJSON数据并利用MapV库来实现自定义标注。文章详细阐述了需求背景、相关技术支持以及具体的实现步骤，为开发者提供了实现这一功能的指南。
一、百度webgis-api-加载中国行政区域名称
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nBepuQOJ-1635379596809)(../../webgis-imgs/image-20211028075956987.png)]](https://i-blog.csdnimg.cn/blog_migrate/48b4f45db0c1c3a2a70eaf696e44228a.png)
1. 需求背景
看到这个需求的时候有些人会感到奇怪，地图上不是已经有行政区域的名称了吗，怎么还需要自己去加载，那是因为假如我们需要对行政区域的名称或者中心点进行改动，比如在全国地图的时候，只是显示简称，内蒙古这个时候如果是原先就是在地图上的那些名称和点，那是没有办法进行更改操作的。
思路：隐藏地图原来的名称和中心点，获取geojson中的质心点，根据质心点像地图中添加标注。
2. 相关技术支持
-
使用百度自带api实现【以GL版本为例】
- 用法示例
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-q042ah6A-1635379596812)(../../webgis-imgs/image-20211024100129685.png)]](https://i-blog.csdnimg.cn/blog_migrate/9017343c572380354cebde2b4762439f.png)
- 相关的类
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lR50BCmv-1635379596818)(../../webgis-imgs/image-20211024100228587.png)]](https://i-blog.csdnimg.cn/blog_migrate/25f7108405786d993cc4411bdfa665a0.png)
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-X4Ye0LLq-1635379596820)(../../webgis-imgs/image-20211024100248550.png)]](https://i-blog.csdnimg.cn/blog_migrate/5248d71acfc1b36f88c2bbc23a7e5c67.png)
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CJlNvboF-1635379596822)(../../webgis-imgs/image-20211024100332506.png)]](https://i-blog.csdnimg.cn/blog_migrate/7434c0bd0bcd2af9200011645a86a34f.png)
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-KxKqsloN-1635379596823)(../../webgis-imgs/image-20211025062245325.png)]](https://i-blog.csdnimg.cn/blog_migrate/c91afc3ac40603f4962b3ff6ecc418de.png)
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LLP5H2I0-1635379596825)(../../webgis-imgs/image-20211025062307797.png)]](https://i-blog.csdnimg.cn/blog_migrate/57b6a8b8159df69f16ed5a21656f09bf.png)
- 用法示例
-
使用mapv第三方库去显示
- dataSet
- baiduMapLayer
-
使用MapVGL
- 图层管理器view
- MarkerListLayer 由PointLayer和TextLayer组合实现。
3. 具体实现【基于vue实现】
- 使用百度自带的方式实现
- mapv第三方库去显示【雷同思路，差别就是在读取数据比自带的api方便】
- 使用MapVGL【雷同思路】
扫一扫
649
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
