百度LBS开放平台个性化地图 制作一款独一无二的地图

时间:2022-08-04 06:49:39

百度LBS开放平台个性化地图  制作一款独一无二的地图

天天用百度地图的亲们是否已不再满足仅仅看例如以下的地图样式了呢?

百度LBS开放平台个性化地图  制作一款独一无二的地图

默认百度地图样式

是否特别渴望看特别不一样的地图呢。如带京城81号气息的午夜蓝风格、绿灯侠风格的青春绿地图及红色警戒风格的地图?

百度LBS开放平台个性化地图  制作一款独一无二的地图

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvQmFpZHVMQlM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">

午夜蓝地图风格

百度LBS开放平台个性化地图  制作一款独一无二的地图

青春绿风格地图

百度LBS开放平台个性化地图  制作一款独一无二的地图

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvQmFpZHVMQlM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">

警戒红地图风格

假设你以为上述酷炫的地图仅仅是PS出来的,那么你就out了,由于百度LBS开放平台已经对广大的开发人员提供了定制如上个性化样式的地图功能啦~

开发人员能够从http://developer.baidu.com/map/custom/list.htm页面提供的模板里选择合适的风格。然后通过例如以下一行代码map.setMapStyle({style:'风格'});便可设置指定的地图样式。

另外,假设开发人员不满足如上页面提供的模板,也能够通过http://developer.baidu.com/map/img-editor.html底图编辑工具编辑所需的地图样式。该编辑工具除了支持改底图展示元素的颜色、透明度外。也可设置元素的隐藏喔~

下面介绍下使用个性化地图的成功案例:

1. 安居客房产地图(

from=homeprop)" title="http://shanghai.anjuke.com/prop/view/225103158?

from=homeprop)" style="margin:0px; padding:0px; color:rgb(188,17,17); text-decoration:none; outline:none; font-family:Arial; line-height:24px; text-indent:28px">http://shanghai.anjuke.com/prop/view/225103158?from=homeprop

百度LBS开放平台个性化地图  制作一款独一无二的地图

安居客地图採用高端灰风格的底图,一方面与安居客站点白色页面风格保持一致,还有一方面高端灰风格也使得页面看上去高端、大气、独树一帜。

房产类站点可採用与安居客类似的地图展示风格

2.    百度预測里的疾病预測地图(http://trends.baidu.com/disease/)

百度LBS开放平台个性化地图  制作一款独一无二的地图

百度LBS开放平台个性化地图  制作一款独一无二的地图

该地图背景是蓝色。与疾病专题相符,且地图元素主要保留行政边界和道路更易突出医院的分布。

3.    星巴克门店地图(http://www.starbucks.com.cn/storelocator.html )

百度LBS开放平台个性化地图  制作一款独一无二的地图

星巴克门店地图          VS                  百度地图

星巴克门店地图与百度默认地图相比隐藏了地图上的poi信息(如红框部分),便于突出星巴克自己标示的点。类似赶集、58同城等分类站点可採用相同方法隐去poi信息,专注显示标示点及周边感兴趣的poi。

4.    数字英才网职位分布地图

type=2&text=%CF%FA%CA%DB&locationIdList=42&areaName=%CC%EC%CD%A8%D4%B7&areaid=&lat=40.081478&lng=116.419233&radius=1">http://map.01hr.com/mapSearch.do?type=2&text=%CF%FA%CA%DB&locationIdList=42&areaName=%CC%EC%CD%A8%D4%B7&areaid=&lat=40.081478&lng=116.419233&radius=1

百度LBS开放平台个性化地图  制作一款独一无二的地图

数字英才网的人才分布地图採用小清新的地图风格展示职位信息,在炎日的夏日给人清爽的感觉,也可缓解内心找工作的急躁心情哈~相同。旅游行业也可选择该类清新风格的地图,给人轻松、舒缓的赶脚~~

5.    微铺子地图(http://vpuzi.cn/index.html

百度LBS开放平台个性化地图  制作一款独一无二的地图

微铺子之所以选择黑色底图是为了跟站点总体风格保持一致。

相同。类似珍爱网这类婚恋类站点也可採用与本身主题类似的地图样式。參考例如以下。

百度LBS开放平台个性化地图  制作一款独一无二的地图

以上案例用于抛砖引玉。开发人员还能够结合自身站点特点构建其它极具想象力且又独一无二的地图应用~