高德地圖里帶有幾個可選的樣式(https://lbs.amap.com/api/javascript-api/guide/map/map-style/),如下圖:
唯一一個比較貼合我們公司頁面色系的就是darkblue,效果如下圖:
但是darkblue的樣式太過暗沉,整體顏色需要稍微提亮,這里就需要創建自定義的地圖樣式了。
自定義地圖的介紹(https://lbs.amap.com/api/javascript-api/guide/map/map-style/):
還是比較簡單的,這次唯一的曲折就是沒有看這個自定義地圖的使用方式,就直接自己干起來了,結果因為只做了保存沒有發布,一開始使用的時候並沒有看到想要的效果。編輯、保存、發布的方式如下圖(https://lbs.amap.com/dev/mapstyle/index):
顏色提亮后的自定義樣式:
記錄下來主要是因為我記性不好,免得下次又花時間摸索。