Google Map Api #換地圖的皮

前言

需要客製化 gmap ( google map  ) 的皮嗎？強大的 gmap 也有提供這樣的服務唷~
gmap 所提供的設定，可以讓人自行更換不同顏色，像是，陸地、海洋、道路、標籤，要填色還是邊框，等等。
所以你絕對可以做出個專屬地圖，而且這設定也會影響衛星地圖，真是太威猛。

介紹

使用換皮功能，一般是在地圖被建立的時候，可以將參數帶入地圖樣式陣列中的樣式物件。
可以分為 特徵 ( featureType 地區區域 )、 元素 ( elementType 顯示物件 )、 樣式 ( styles 什麼色 )，而最後地圖的顯示會由這陣列中的樣式物件。

/* 樣式陣列 */
[
  /* 樣式物件 */
  {
    "featureType": "landscape",
    "elementType": "geometry.fill",
    "stylers": [
      { "hue": "#ff0008" },
      { "saturation": 100 },
      { "lightness": -14 }
    ]
  },{
  }
]

要產出這樣的樣式物件其實有點不容易，光要查詢樣式物件裡面的參數可以填什麼就很麻煩，還好 google 有個 gmap 樣式精靈，可以直接透過圖形介面產出樣式，對設計師來說是一大福音，最後只要點擊 showJson 樣式就會被產出，引用起來也就相當方便。

範例

參考文件

[ map skin 文件 ]