谷歌地圖花柱（API） - 使用JavaScript

Question

我想從這個嚮導http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html

例如應用代碼：

在 this代碼

[ 
    { 
    "elementType": "geometry", 
    "stylers": [ 
     { "hue": "#00ccff" }, 
     { "visibility": "simplified" } 
    ] 
    } 
] 

任何人都願意幫助？我真誠地不知道繼續前進。

Answer 1

通過示例陣列中的問題，以在地圖上的styles - 選項：

  map = new google.maps.Map(document.getElementById('map-canvas'), { 
      center: new google.maps.LatLng(48.70727541512677, 
             20.578157256250062), 
      zoom: 7, 
      styles:[ 
    { 
    "elementType": "geometry", 
    "stylers": [ 
     { "hue": "#00ccff" }, 
     { "visibility": "simplified" } 
    ] 
    } 
], 
      panControl: false, 
    zoomControl: true, 
    zoomControlOptions: { 
     style: google.maps.ZoomControlStyle.SMALL 
    }, 
     streetViewControl: false, 
     mapTypeControl: true, 
    mapTypeControlOptions: { 
     style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
 

}, 


     mapTypeId: google.maps.MapTypeId.ROADMAP 
 

}）;
 

http://jsbin.com/owaxas/1/edit