如何应用此JSON来自定义我的Google地图

时间:2012-03-27 17:19:51

标签: json google-maps google-maps-api-3

我试图将此JSON代码应用于我的Google地图:

[ { stylers: [ { hue: "#ff0000" } ] } ]

generated from this website

这实际上是由Google制作的,问题是我不知道JSON知道如何应用这段代码,我无法找到使用这种代码的任何例子。

感谢任何提示或答案! :)

1 个答案:

答案 0 :(得分:12)

是的,我觉得它并不那么明显。它在向导#9中没有帮助,他们写了" style"什么时候应该"样式"。

在Hello World示例(https://developers.google.com/maps/documentation/javascript/tutorial)中,更改myOptions,在mapTypeId之后添加逗号,然后选择" styles:"并粘贴JSON。

  function initialize() {
    var myOptions = {
      center: new google.maps.LatLng(-34.397, 150.644),
      zoom: 8,
      mapTypeId: google.maps.MapTypeId.ROADMAP,
      styles: [ { stylers: [ { hue: "#ff0000" } ] } ]
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);
  }