google-maps-api-3 - Google Maps Styled（API）-javascriptを使用

Question

このウィザードからコードを適用しようとしていますhttp://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html

例えば：

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

このコードでは

助けてくれる人はいますか？私は心から先に進むのが辛いのかわかりません。

Answer 1

質問の example-array をstylesmap の -option に渡します。

       map = new google.maps.Map(document.getElementById('map-canvas'), {
          中央: 新しい google.maps.LatLng(48.70727541512677,
                                         20.578157256250062)、
          ズーム: 7,
          スタイル:[
  {
    "elementType": "ジオメトリ",
    "スタイラー": [
      { "色合い": "#00ccff" },
      { "可視性": "簡素化" }
    ]
  }
]、
          パンコントロール: false,
    zoomControl: 真、
    zoomControlOptions: {
      スタイル: google.maps.ZoomControlStyle.SMALL
    }、
        streetViewControl: false,
        mapTypeControl: 真、
    mapTypeControlOptions: {
      スタイル: google.maps.MapTypeControlStyle.DROPDOWN_MENU,


},


      mapTypeId: google.maps.MapTypeId.ROADMAP


});

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