基于百度地圖的個性化定制地圖研究

覃祖清+鄧曉斌

摘 要：個性化地圖以其獨特的表達方式吸引了越來越多用戶關注，如何獲取實時可靠的個性化定制地圖，成為了目前研究的熱點。文章以百度地圖為例，詳細地闡述了百度地圖如何實現網絡個性化定制地圖，為從事個性化地圖服務的人員提供參考與幫助。

關鍵詞：百度地圖；個性化；定制地圖

百度定制個性地圖可以讓用戶使用JavaScript API進行地圖底圖的各種樣式風格設置，包括展示出顏色為普通、深色、淺色，以及顯示和隱藏各種地圖底圖元素，支持用戶創建自己風格的地圖，比如關閉不感興趣的地圖要素，特顯強調的要素數據，同時百度個性化定制地圖適用于PC端和手機端瀏覽器。

目前百度地圖支持兩種方式進行定制個性化地圖：

（1）通過百度地圖提供的樣式模板，選擇地圖，然后通過JavaScript API的setMapStyle方法調用生效。

（2）通過個性地圖編輯工具，自行編輯地圖展示樣式，生成地圖樣式json，然后通過JavaScript API的方法調用生效。

下面分別介紹這兩種方式定制個性化地圖

1 模板選擇方式定制

選擇模板方式簡單好用，對于初學者可選用這種方式，使用步驟如下：

第一步：選擇模板

目前開放平臺為用戶提供多種不同風格的模板，點擊下方模板示意圖即可進入模板頁面查看模板，開發者可以從中選擇感興趣的模板進行開發。

模板示意圖如下：

第二步：設置地圖樣式

將style改為模板下方的英文名稱，如下圖所示：

var mapStyle={ style ： "?模板英文名稱?" }

map.setMapStyle（mapStyle）；

其中，mapStyle為MapStyle類，該類使用對象字面量形式表示，不可實例化。style用于設置底圖顏色樣式。

2 個性化編輯方式

該方式是指開發者可以借助個性化編輯器，通過改變地圖元素的顏色、亮度、飽和度、文本標注填充色、文本標注等生成樣式配置json，然后通過調用JavaScript API方法使配置生效。操作頁面截圖如下：

個性化編輯工具的使用步驟如下：

第一步：添加樣式規則

樣式規則是對元素、屬性及樣式的統一描述，地圖樣式由多條樣式規則組合而成，編輯首個元素時默認有一條規則，用戶可以基于修改地圖樣式，后續編輯元素時，需要重新創建一條規則。

第二步：選擇元素

創建完樣式規則后，需要選擇要修改的地圖元素。目前可以修改的地圖元素包括如下幾種：

其中，地圖背景主要包括地圖里的面狀元素，如陸地、水系、綠地、人造區域，高級別下的建筑物等。

道路區分為高速及國道、城市主路、一般道路、地鐵及火車線路。

興趣點指地圖里的點狀元素，如銀行、學校、餐館、酒店等，由文本標注和圖標組成。

行政區劃包括國界、省界及省、市、縣、區等行政單位的標注。

第三步：選擇屬性

諸如道路這類元素由文本和線狀元素組成，屬性用來指定是修改文本還是線的邊框、填充色。

第四步：選擇樣式

選定屬性后，下一步是選擇要修改的樣式，如要設置道路邊框的顏色為紅色。

第五步：設置地圖樣式

要將編輯后的地圖樣式應用到自己的網站上，需要先從查看json處獲取樣式json。

4 結束語

本文以百度地圖為例，詳細介紹了百度地圖兩種實時定制個性化地圖方法，可以方便從事個性地圖服務的人員作出選擇。