百度地图API底色主题更换

百度地图api 也有自己写好的样式,数组中前三个不需要引入第三方库
其他的则需要引入

var style_map=['normal','light','dark','redalert','googlelite','grassgreen','midnight','pink','darkgreen','bluish','grayscale','hardedge'];
//分别风格是:默认地图样式,清新蓝风格,黑夜风格,红色警戒风格,精简风格,自然绿风格,午夜蓝风格,浪漫粉风格,青春绿风格,清新蓝绿风格,高端灰风格,强边界风格
<script type="text/javascript" src="http://developer.baidu.com/map/custom/stylelist.js"></script>

一、通过样式ID调用个性化地图样式

map.setMapStyleV2({     
  styleId: '3d71dc5a4ce6222d3396801dee06622d'
});

二、通过样式JSON调用个性化地图样式

var style_map=[{
	// 地图背景
				"featureType": "land",
				"elementType": "all",
				"stylers": {
						  "color": "#93c47dff",
						  "lightness": -1
				}
	  },  {
		// 水路背景
				"featureType": "water",
				"elementType": "all",
				"stylers": {
						  "color": "#a2c4c9ff",
						  "lightness": -1
				}
	  }, {
		// 绿地背景
				"featureType": "green",
				"elementType": "all",
				"stylers": {
						  "color": "#ffffccff",
						  "lightness": -1
				}
	  },{
		// 教育地区
				"featureType": "education",
				"elementType": "all",
				"stylers": {
						  "color": "#d5a6bdff",
						  "lightness": -1
				}
	  } ]
	  //将样式加载到地图中
	  map.setMapStyleV2({styleJson:eval("style_map")}); 

然后地图样式就修改了
在这里插入图片描述

个性化地图教程:https://lbsyun.baidu.com/customv2/help.html

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值