openlayers加载百度地图一——定制百度地图

最新推荐文章于 2025-10-28 13:30:20 发布

原创

最新推荐文章于 2025-10-28 13:30:20 发布 · 4.1k 阅读

15 ·

CC 4.0 BY-SA版权

文章标签：

#gis #javascript

本文介绍如何使用百度地图个性在线编辑器创建自定义地图，并提供了具体的样式JSON配置示例。此外，还介绍了如何通过百度API应用这些自定义样式，以及如何获取地图Tile URL以供OpenLayers等其他地图库使用。

在开发中，我们常常会用到一些炫酷的地图，尤其是一些大屏项目，其实就是自定义地图。
国内的自定义地图服务有
①高德自定义地图，
②百度自定义地图，
③百度地图个性在线编辑器。
国外的有mapbox的④mapbox-studio，
其中①和②都只能用在自己的平台，④是国外的，地图上会有英文的地名，这里我们重点说下③。

一、编辑百度自定义地图

1、打开百度地图个性在线编辑器 https://developer.baidu.com/map/custom/
在这里插入图片描述
2、根据业务定制你需要的地图（下图是我定制的蓝色风格地图）

对应的style的json

	[
	          {
   
   
	                    "featureType": "land",
	                    "elementType": "all",
	                    "stylers": {
   
   
	                              "color": "#00121cff"
	                    }
	          },
	          {
   
   
	                    "featureType": "water",
	                    "elementType": "all",
	                    "stylers": {
   
   
	                              "color": "#00445dff"
	                    }
	          },
	          {
   
   
	                    "featureType": "highway",
	                    "elementType": "all",
	                    "stylers": {
   
   
	                              "color": "#07313fff"
	                    }
	          },
	          {
   
   
	                    "featureType": "subway"