json - 将来自 Google Maps API 向导的 JSON 合并到现有的 html 中

Question

我正在尝试为谷歌融合表定制基本地图。我正在使用 Maps API Style Wizard 并创建了我想要的地图，但我不知道如何将 Map 向导生成的 JSON 代码合并到现有页面的 html 代码中：

这是我想定制的地图： http: //shatterbe.lt/ses_maps/per_capita_upper_eastside.html

这是 API Map 向导给我的代码：

[
  {
    "stylers": [
      { "visibility": "simplified" }
    ]
  },{
    "featureType": "road.highway",
    "stylers": [
      { "visibility": "off" }
    ]
  }
]

有人帮忙吗？我知道答案可能很简单，但我对这一切都很陌生！

Answer 1

这对我有用：

function initialize() {
  var map = new google.maps.Map(document.getElementById('googft-mapCanvas'), {
    center: new google.maps.LatLng(25.826923725271442, -80.18369569667362),
    zoom: 14,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  });
  map.controls[google.maps.ControlPosition.RIGHT_BOTTOM].push(document.getElementById('googft-legend'));

  layer = new google.maps.FusionTablesLayer({
    map: map,
    styles: [
       {
         "stylers": [
           { "visibility": "simplified" }
         ]
       },{
        "featureType": "road.highway",
         "stylers": [
          { "visibility": "off" }
         ]
       }
    ],
    heatmap: { enabled: false },
    query: {
      select: "col6",
      from: "1_atSM8PGxxDThZlVGvFw4WlyaYHKuXU9CoCvGU0",
      where: ""
    },
    options: {
      styleId: 2,
      templateId: 2
    }
  });
}

描述如何向地图添加样式的文档

文档中的示例