最近文匯軟件小編在進行頁面開發，遇到一鍵百度地圖主題樣式修改方面的問題，今天小編就來詳細的和大家分享一下自己的心得。

首先我們需要先找到百度地圖api的官方文檔，然后找到個性化地圖中的設置主題模板樣式，把下圖中官方文檔的內容先復制進去，改下位置和精度，在script標簽處的密鑰改成自己的。如下圖：

然后我們可以看到里面有個主題選擇

這里百度地圖api為我們提供了以下可選列表

   

默認地圖樣式 //系統默認

   

清新藍風格 //不需要第三方庫

   

黑夜風格    //不需要第三方庫

   

紅色警戒風格

   

精簡風格

   

自然綠風格

   

午夜藍風格

   

浪漫粉風格

   

青春綠風格

   

清新藍綠風格

   

高端灰風格

   

強邊界風格

同時我們可以加入下面的代碼

function changeMapStyle(style){

    var mapStyle ={

        features: ["road","building","water","land"],//隱藏地圖上的"poi",

        style : style,

    };

    map.setMapStyle(mapStyle);

}

以替換原來官方文檔中的js用來指定樣式,在使用時只需要將上面的  style : style,后面的那個style替換成原來的官方文檔中可選列表option中的value值即可，但是這只局限于前三個。

function changeMapStyle(style){

map.setMapStyle({style:style});

$('#desc').html(mapstyles[style].desc);

}

要是我們想之后后面的幾個，這時我們這時可以引入一個外部的js庫

聯系我們

CONTACT US

公司電話：0531-68961230 QQ:1828686598

公司地址：濟南市天橋區中凡魯鼎廣場A座20樓2009

高新技術企業編號：GR202137006735

科技中小企業編號：202337010508002562

快捷導航

QUICK NAVIGATION

網站首頁

產品中心

案例展示

資料庫

解決方案

新聞動態

關于文匯

關注我們

FOCUS ON US

咨詢電話：

15628812133

山東文匯信息服務有限公司版權所有 濟南軟件開發 魯ICP備14002804號-1 公安備案號 37010502000882

<abbr id="e8o5e"></abbr>