百度地圖api——地圖編輯工具?

為幫助解決廣大建築生們逾越分析圖需要底圖時翻牆不給力時的無力。

工具/原料

一臺電腦(筆記本/臺式/能裝軟體上網葉的都可以)

Google Chrome瀏覽器(360/IE之類不推薦)

一顆想要一張漂亮分析圖底圖的心

一種看到這個經驗如釋重負的感覺

安裝Google Chrome(沒有Google Chrome瀏覽器的朋友從這裡看起)

開始編輯(有Google Chrome瀏覽器的朋友從這裡看起)

安裝完成,開啟Google Chrome瀏覽器,開啟如下網址(百度地圖api官網)

百度地圖api——地圖編輯工具

滾動到最下端,單擊”地圖編輯工具“(同時可看到還有其他幾個度娘免費提供給我們的工具,可以自己嘗試下,如果有空的話我會一一寫出經驗方便大家)

百度地圖api——地圖編輯工具

進入之後先是對於該工具度娘簡單的幫助介紹,建議大家簡單看一下,看過之後單擊”開始編輯“

百度地圖api——地圖編輯工具

然後就進入操作介面了

百度地圖api——地圖編輯工具

這裡我們就舉個例子實際操作一下。然後大家舉一反三就好。

例:我想將基礎預設樣式(圖一)自定義修改成我想要的高大上地圖(圖二)

百度地圖api——地圖編輯工具

百度地圖api——地圖編輯工具

根據對比,並且仔細研讀過中下方的元素一欄具體各項指代內容,我們發現以下需要修改的幾點:

全部文字需要隱藏

全部路面顏色需要修改

全部路網填充顏色需要修改

全部路網邊框顏色需要修改

⑤水體顏色需要修改

⑥綠地顏色需要修改

我們一項一項的來

全部文字需要隱藏

1、點選【元素】一欄”全部“(如果是隻要修改某些特定元素的文字,只需要點選左邊的加號”+“,使之展開,變成減號“-”,然後在”全部”下面的子集選中自己需要的元素就好)

2、點選【屬性】一欄”文字“中的”全部

3、勾選【樣式】一欄”顯示“左邊的勾選框,取消勾選”顯示“右邊的勾選框(以前沒有使用過的情況下,勾選左邊的勾選框後,右邊的勾選框預設為不勾選)

4、然後為避免後面的修改波及到已經設定好的樣式,我們需要儲存已經設定好的樣式。點選左下方的“新增樣式規則”即可進行下一步樣式調整。

=================================

完成全部文字隱藏

百度地圖api——地圖編輯工具

百度地圖api——地圖編輯工具

百度地圖api——地圖編輯工具

全部路面顏色需要修改

1、點選【元素】一欄”地圖背景“(如果是隻要修改某些特定的背景顏色,只需要點選左邊的加號”+“,使之展開,變成減號“-”,在”地圖背景”下面的子集選中自己需要的元素就好)

2、點選【屬性】一欄中的”全部

3、勾選【樣式】一欄”顏色“左邊的勾選框。

4、設定需要的顏色,點看“顏色”右邊的顏色選擇倒三角,有三種方法更改顏色(如圖)

5、然後為避免後面的修改波及到已經設定好的樣式,我們需要儲存已經設定好的樣式。點選左下方的“新增樣式規則”即可進行下一步樣式調整。

百度地圖api——地圖編輯工具

百度地圖api——地圖編輯工具

百度地圖api——地圖編輯工具

全部路網填充顏色需要修改

1、點選【元素】一欄”道路“(如果需要修改特定道路的樣式,然後選中需要的特定道路即可。

2、點選【屬性】一欄”幾何“中的”填充

3、勾選【樣式】一欄”顏色“左邊的勾選框。

4、設定需要的顏色,點看“顏色”右邊的顏色選擇倒三角,有三種方法更改顏色(如圖)

5、然後為避免後面的修改波及到已經設定好的樣式,我們需要儲存已經設定好的樣式。點選左下方的“新增樣式規則”即可進行下一步樣式調整。

百度地圖api——地圖編輯工具

百度地圖api——地圖編輯工具

百度地圖api——地圖編輯工具

全部路網邊框顏色需要修改

1、點選【元素】一欄”道路“(如果需要修改特定道路的樣式,然後選中需要的特定道路即可。

2、點選【屬性】一欄”幾何“中的”邊框

3、勾選【樣式】一欄”顏色“左邊的勾選框。

4、設定需要的顏色,點看“顏色”右邊的顏色選擇倒三角,有三種方法更改顏色(如圖)

5、然後為避免後面的修改波及到已經設定好的樣式,我們需要儲存已經設定好的樣式。點選左下方的“新增樣式規則”即可進行下一步樣式調整。

百度地圖api——地圖編輯工具

百度地圖api——地圖編輯工具

百度地圖api——地圖編輯工具

⑤水體顏色需要修改

1、點選【元素】一欄”水系“

2、點選【屬性】一欄”全部“

3、勾選【樣式】一欄”顏色“左邊的勾選框。

4、設定需要的顏色,點看“顏色”右邊的顏色選擇倒三角,有三種方法更改顏色(如圖)

5、然後為避免後面的修改波及到已經設定好的樣式,我們需要儲存已經設定好的樣式。點選左下方的“新增樣式規則”即可進行下一步樣式調整。

百度地圖api——地圖編輯工具

百度地圖api——地圖編輯工具

百度地圖api——地圖編輯工具

⑥綠地顏色需要修改

1、點選【元素】一欄”綠地“

2、點選【屬性】一欄”全部“

3、勾選【樣式】一欄”顏色“左邊的勾選框。

4、設定需要的顏色,點看“顏色”右邊的顏色選擇倒三角,有三種方法更改顏色(如圖)

5、然後為避免後面的修改波及到已經設定好的樣式,我們需要儲存已經設定好的樣式。點選左下方的“新增樣式規則”即可進行下一步樣式調整。

百度地圖api——地圖編輯工具

百度地圖api——地圖編輯工具

百度地圖api——地圖編輯工具

總的來說大概就涉及到這些,舉一反三吧大家~,相信你們一看就明白~

========================

儲存並分享你的個性地圖

福利時間

碼字截圖幾小時,大家看了大半天,終於到了放福利時間。

這裡提供給大家我自己設定的地圖樣式json

複製貼上就好呦~

記得點贊點贊點贊,重要的事說三遍。

中括號開始,中括號結束,以下:

[

{

"featureType": "background",

"elementType": "all",

"stylers": {

"color": "#ffffff"

}

},

{

"featureType": "background",

"elementType": "all",

"stylers": {

"color": "#fff7ee"

}

},

{

"featureType": "water",

"elementType": "all",

"stylers": {

"color": "#839ab0"

}

},

{

"featureType": "green",

"elementType": "all",

"stylers": {

"color": "#b1bdac"

}

},

{

"featureType": "road",

"elementType": "geometry.stroke",

"stylers": {

"color": "#839ab0"

}

},

{

"featureType": "all",

"elementType": "labels",

"stylers": {

"visibility": "off"

}

},

{

"featureType": "road",

"elementType": "geometry.fill",

"stylers": {

"color": "#fff7ee"

}

},

{

"featureType": "building",

"elementType": "all",

"stylers": {

"color": "#cccccc"

}

},

{

"featureType": "subway",

"elementType": "all",

"stylers": {

"visibility": "off"

}

}

]

注意事項

每次設定好新的樣式記得及時儲存,畢竟沒有ctrl+z

記得點攢點贊,完結散花謝謝各位~

相關問題答案