百度地图api——地图编辑工具
的有关信息介绍如下:为帮助解决广大建筑生们逾越分析图需要底图时翻墙不给力时的无力。
没有Google Chrome浏览器的朋友们先下载并安装之。
安装完成,打开Google Chrome浏览器,打开如下网址(百度地图api官网)
滚动到最下端,单击”地图编辑工具“(同时可看到还有其他几个度娘免费提供给我们的工具,可以自己尝试下,如果有空的话我会一一写出经验方便大家)
进入之后先是对于该工具度娘简单的帮助介绍,建议大家简单看一下,看过之后单击”开始编辑“
然后就进入操作界面了
这里我们就举个例子实际操作一下。然后大家举一反三就好。
例:我想将基础默认样式(图一)自定义修改成我想要的高大上地图(图二)
根据对比,并且仔细研读过中下方的元素一栏具体各项指代内容,我们发现以下需要修改的几点:
①全部文字需要隐藏
②全部路面颜色需要修改
③全部路网填充颜色需要修改
④全部路网边框颜色需要修改
⑤水体颜色需要修改
⑥绿地颜色需要修改
我们一项一项的来
①全部文字需要隐藏
1、点击【元素】一栏”全部“(如果是只要修改某些特定元素的文字,只需要点击左边的加号”+“,使之展开,变成减号“-”,然后在”全部”下面的子集选中自己需要的元素就好)
2、点击【属性】一栏”文本“中的”全部“
3、勾选【样式】一栏”显示“左边的勾选框,取消勾选”显示“右边的勾选框(以前没有使用过的情况下,勾选左边的勾选框后,右边的勾选框默认为不勾选)
4、然后为避免后面的修改波及到已经设置好的样式,我们需要保存已经设置好的样式。点击左下方的“添加样式规则”即可进行下一步样式调整。
=================================
完成全部文字隐藏
②全部路面颜色需要修改
1、点击【元素】一栏”地图背景“(如果是只要修改某些特定的背景颜色,只需要点击左边的加号”+“,使之展开,变成减号“-”,在”地图背景”下面的子集选中自己需要的元素就好)
2、点击【属性】一栏中的”全部“
3、勾选【样式】一栏”颜色“左边的勾选框。
4、设置需要的颜色,点看“颜色”右边的颜色选择倒三角,有三种方法更改颜色(如图)
5、然后为避免后面的修改波及到已经设置好的样式,我们需要保存已经设置好的样式。点击左下方的“添加样式规则”即可进行下一步样式调整。
③全部路网填充颜色需要修改
1、点击【元素】一栏”道路“(如果需要修改特定道路的样式,然后选中需要的特定道路即可。
2、点击【属性】一栏”几何“中的”填充“
3、勾选【样式】一栏”颜色“左边的勾选框。
4、设置需要的颜色,点看“颜色”右边的颜色选择倒三角,有三种方法更改颜色(如图)
5、然后为避免后面的修改波及到已经设置好的样式,我们需要保存已经设置好的样式。点击左下方的“添加样式规则”即可进行下一步样式调整。
④全部路网边框颜色需要修改
1、点击【元素】一栏”道路“(如果需要修改特定道路的样式,然后选中需要的特定道路即可。
2、点击【属性】一栏”几何“中的”边框“
3、勾选【样式】一栏”颜色“左边的勾选框。
4、设置需要的颜色,点看“颜色”右边的颜色选择倒三角,有三种方法更改颜色(如图)
5、然后为避免后面的修改波及到已经设置好的样式,我们需要保存已经设置好的样式。点击左下方的“添加样式规则”即可进行下一步样式调整。
⑤水体颜色需要修改
1、点击【元素】一栏”水系“
2、点击【属性】一栏”全部“
3、勾选【样式】一栏”颜色“左边的勾选框。
4、设置需要的颜色,点看“颜色”右边的颜色选择倒三角,有三种方法更改颜色(如图)
5、然后为避免后面的修改波及到已经设置好的样式,我们需要保存已经设置好的样式。点击左下方的“添加样式规则”即可进行下一步样式调整。
⑥绿地颜色需要修改
1、点击【元素】一栏”绿地“
2、点击【属性】一栏”全部“
3、勾选【样式】一栏”颜色“左边的勾选框。
4、设置需要的颜色,点看“颜色”右边的颜色选择倒三角,有三种方法更改颜色(如图)
5、然后为避免后面的修改波及到已经设置好的样式,我们需要保存已经设置好的样式。点击左下方的“添加样式规则”即可进行下一步样式调整。
总的来说大概就涉及到这些,举一反三吧大家~,相信你们一看就明白~
========================
如果想要保存以上设置好的所有的样式,以便下次利用或者分享给小伙伴们,再或者利用别人在这里设置好的地图样式。
1、点击右下方的“查看json”
2、复制红框内所有内容到自己新建的记事本文件中,word什么的都好啦,总之留下来就好啦。
3、利用别人的json文件,直接将别人的json代码复制粘贴到红框内,再点击”修改后并更新“即可。
码字截图几小时,大家看了大半天,终于到了放福利时间。
这里提供给大家我自己设置的地图样式json
复制粘贴就好呦~
记得点赞点赞点赞,重要的事说三遍。
中括号开始,中括号结束,以下:
[
{
"featureType": "background",
"elementType": "all",
"stylers": {
"color": "#ffffff"
}
},
{
"featureType": "background",
"elementType": "all",
"stylers": {
"color": "#fff7ee"
}
},
{
"featureType": "water",
"elementType": "all",
"stylers": {
"color": "#839ab0"
}
},
{
"featureType": "green",
"elementType": "all",
"stylers": {
"color": "#b1bdac"
}
},
{
"featureType": "road",
"elementType": "geometry.stroke",
"stylers": {
"color": "#839ab0"
}
},
{
"featureType": "all",
"elementType": "labels",
"stylers": {
"visibility": "off"
}
},
{
"featureType": "road",
"elementType": "geometry.fill",
"stylers": {
"color": "#fff7ee"
}
},
{
"featureType": "building",
"elementType": "all",
"stylers": {
"color": "#cccccc"
}
},
{
"featureType": "subway",
"elementType": "all",
"stylers": {
"visibility": "off"
}
}
]