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

覃祖清+鄧曉斌

摘 要：個性化地圖以其獨(dú)特的表達(dá)方式吸引了越來越多用戶關(guān)注，如何獲取實時可靠的個性化定制地圖，成為了目前研究的熱點(diǎn)。文章以百度地圖為例，詳細(xì)地闡述了百度地圖如何實現(xiàn)網(wǎng)絡(luò)個性化定制地圖，為從事個性化地圖服務(wù)的人員提供參考與幫助。

關(guān)鍵詞：百度地圖；個性化；定制地圖

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

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

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

（2）通過個性地圖編輯工具，自行編輯地圖展示樣式，生成地圖樣式j(luò)son，然后通過JavaScript API的方法調(diào)用生效。

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

1 模板選擇方式定制

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

第一步：選擇模板

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

模板示意圖如下：

第二步：設(shè)置地圖樣式

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

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

map.setMapStyle（mapStyle）；

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

2 個性化編輯方式

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

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

第一步：添加樣式規(guī)則

樣式規(guī)則是對元素、屬性及樣式的統(tǒng)一描述，地圖樣式由多條樣式規(guī)則組合而成，編輯首個元素時默認(rèn)有一條規(guī)則，用戶可以基于修改地圖樣式，后續(xù)編輯元素時，需要重新創(chuàng)建一條規(guī)則。

第二步：選擇元素

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

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

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

興趣點(diǎn)指地圖里的點(diǎn)狀元素，如銀行、學(xué)校、餐館、酒店等，由文本標(biāo)注和圖標(biāo)組成。

行政區(qū)劃包括國界、省界及省、市、縣、區(qū)等行政單位的標(biāo)注。

第三步：選擇屬性

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

第四步：選擇樣式

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

第五步：設(shè)置地圖樣式

要將編輯后的地圖樣式應(yīng)用到自己的網(wǎng)站上，需要先從查看json處獲取樣式j(luò)son。

4 結(jié)束語

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