1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 百度地图api自定义修改地图背景样式

百度地图api自定义修改地图背景样式

时间:2019-03-23 05:14:34

相关推荐

百度地图api自定义修改地图背景样式

引入百度地图api就不用多说了吧!

/map/custom/

//这个网址可以去模拟修改百度地图样式

当修改到心仪的样式时,点击生成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.setMapStyle({styleJson:eval("style_map")});

然后地图样式就修改了

百度地图api 也有自己写好的样式,不过个人观点感觉不太好搭,

var style_map=['normal','light','dark','redalert','googlelite','grassgreen','midnight','pink','darkgreen','bluish','grayscale','hardedge'];//分别风格是:默认地图样式,清新蓝风格,黑夜风格,红色警戒风格,精简风格,自然绿风格,午夜蓝风格,浪漫粉风格,青春绿风格,清新蓝绿风格,高端灰风格,强边界风格

用来没啥问题就是颜色有点尴尬,总觉得不太舒服,个人建议还是去自己调一下!!!

//首先定义对象,style就是上面数组内的东西var mapStyle = {features: ["road", "building", "water", "land"], //隐藏地图上的"poi",style: "grassgreen"};map.setMapStyle(mapStyle);

数组中前三个不需要引入第三方库

其他的则需要引入

<script type="text/javascript" src="/map/custom/stylelist.js"></script>

success,结束!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。