目前百度地圖使用的底圖樣式背景色偏白色,道路為黃色,整體呈正式、簡潔風格。同時對外開放的地圖API也是採用該類底圖風格。
為了更好地滿足個性化用戶對定製地圖樣式的需求,百度LBS開放平台最近推出個性化地圖功能,該功能允許開發者修改地圖元素的顏色、寬度等樣式,並可選擇隱藏某類地圖元素。以下為百度LBS開放平台提供的幾個風格不同的地圖樣式截圖。
開發者可以通過如下兩種方式使用個性化地圖功能 :
1. 開發者可以從模板頁面 提供的模板里選擇合適的風格,然後通過如下一行代碼map.setMapStyle({style:'風格'});便可設定指定的地圖樣式。
2. 另外,如果開發者不滿足如上頁面提供的模板,也可以通過底圖編輯工具 編輯所需的地圖樣式,該編輯工具除了支持改底圖展示元素的顏色、透明度外,也可設定元素的隱藏喔~
目前已有較多網站使用該功能,以下從中選擇其中幾個進行分享:
安居客地圖
1.安居客地圖
安居客地圖採用高端灰風格的底圖,一方面與安居客網站白色頁面風格保持一致,另一方面高端灰風格也使得頁面看上去高端、大氣、獨樹一幟。房產類網站可採用與安居客類似的地圖展示風格。
2.百度預測里的疾病預測地圖
該地圖背景是藍色,與疾病專題相符,且地圖元素主要保留行政邊界和道路更易突出醫院的分布。
3.星巴克門店地圖
星巴克門店地圖與百度默認地圖相比隱藏了地圖上的poi信息(如紅框部分),便於突出星巴克自己標示的點。類似趕集、58同城等分類網站可採用同樣方法隱去poi信息,專注顯示標示點及周邊感興趣的poi。
4.數字英才網職位分布地圖
數字英才網的人才分布地圖採用小清新的地圖風格展示職位信息,在炎日的夏日給人清爽的感覺,也可緩解內心找工作的急躁心情哈~同樣,旅遊行業也可選擇該類清新風格的地圖,給人輕鬆、舒緩的趕腳~~
5.微鋪子地圖
微鋪子之所以選擇黑色底圖是為了跟網站整體風格保持一致。
同樣,類似珍愛網這類婚戀類網站也可採用與本身主題類似的地圖樣式,參考如下。
以上案例用於拋磚引玉,開發者還可以結合自身網站特點構建其他極具想像力且又獨一無二的地圖套用~