百度自定義底圖（瓦片圖）升級 HTTPS

本文地址：https://www.cnblogs.com/veinyin/p/14338414.html

 

記錄一下開發中遇到的問題與解決方案

使用 Leaflet 開發，設計為了美觀采用百度自定義底圖，瓦片圖地址如下

 http://api{s}.map.bdimg.com/customimage/tile?&x={x}&y={y}&z={z}&scale=1&styles=xxx 

近期全站更新至 https，Chrome 下底圖無法加載（chrome 會將 http 協議轉為 https）

解決步驟

1. 嘗試直接將上述瓦片圖地址改為 https，在瀏覽器中直接訪問，發現不支持，確定問題

2. 查看 百度個性化地圖，試圖查找文檔使瓦片圖支持 https，發現更新了，不再是瓦片圖，文檔中只提到 JS API 支持 https

3. 查看百度地圖官網（官網是 https）底圖請求，非瓦片，未果

4. 查看舊版 百度地圖個性編輯，查看底圖請求，終於找到想要的結果，如下圖

5. 更新瓦片圖地址，問題解決

 

 

2021-01-29 更新

百度底圖，支持 HTTP、HTTPS

styles=xxx 和 customid=xxx 二選一，底圖樣式

url="//api.map.baidu.com/customimage/tile?&x={x}&y={y}&z={z}&scale=1&udt=20210128&[styles=xxx,customid=xxx]"

subdomains=['0', '1', '2']

tms=true

騰訊底圖，支持 HTTP、HTTPS

url="//rt{s}.map.gtimg.com/realtimerender?z={z}&x={x}&y={y}&type=vector&style=0"

subdomains="0123"

tms=true