百度LBS開放平台個人化地圖 製作一款獨一無二的地圖

標籤：style   blog   http   color   使用   os   io   2014   

百度LBS開放平台個人化地圖  製作一款獨一無二的地圖

天天用百度地圖的親們是否已不再滿足只看如下的地圖樣式了呢？

                                                        預設百度地圖樣式

是否特別渴望看特別不一樣的地圖呢，如帶京城81號氣息的午夜藍風格、綠燈俠風格的青春綠地圖及紅色警戒風格的地圖？

                                          午夜藍地圖風格

 

青春綠風格地圖

                                                                               警戒紅地圖風格

如果你以為上述酷炫的地圖只是PS出來的，那麼你就out了，因為百度LBS開放平台已經對廣大的開發人員提供了定製如上個人化樣式的地圖功能啦~

開發人員可以從http://developer.baidu.com/map/custom/list.htm頁面提供的模板裡選擇合適的風格，然後通過如下一行代碼map.setMapStyle({style:‘風格‘});便可設定指定的地圖樣式。

另外，如果開發人員不滿足如上頁面提供的模板，也可以通過http://developer.baidu.com/map/img-editor.html底圖編輯工具編輯所需的地圖樣式，該編輯工具除了支援改底圖展示元素的顏色、透明度外，也可設定元素的隱藏喔~

以下介紹下使用個人化地圖的成功案例:

1.    百度預測裡的疾病預測地圖（http://trends.baidu.com/disease/）

該地圖背景是藍色，與疾病專題相符，且地圖元素主要保留行政邊界和道路更易突出醫院的分布。

2.    星巴克門店地圖（http://www.starbucks.com.cn/storelocator.html ）

                                                                                                                 星巴克門店地圖          VS                  百度地圖

星巴克門店地圖與百度預設地圖相比隱藏了地圖上的poi資訊（如紅框部分），便於突出星巴克自己標示的點。類似趕集、58同城等分類網站可採用同樣方法隱去poi資訊，專註顯示標示點及周邊感興趣的poi。

3.    數字英才網職位分布地圖

（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）

數字英才網的人才分布地圖採用小清新的地圖風格展示職位資訊，在炎日的夏日給人清爽的感覺，也可緩解內心找工作的急躁心情哈~同樣，旅遊行業也可選擇該類清新風格的地圖，給人輕鬆、舒緩的趕腳~~

4.    微鋪子地圖（http://vpuzi.cn/index.html）

微鋪子之所以選擇黑色底圖是為了跟網站整體風格保持一致。

同樣，類似珍愛網這類婚戀類網站也可採用與本身主題類似的地圖樣式，參考如下。

以上案例用於拋磚引玉，開發人員還可以結合自身網站特點構建其他極具想象力且又獨一無二的地圖應用~