/ / Wie wende ich diesen JSON an, um meine Google Map anzupassen - json, google-maps, google-maps-api-3

Wie wende ich diesen JSON an, um meine Google Map anzupassen - json, google-maps, google-maps-api-3

Ich versuche, diesen JSON-Code auf meine Google Map anzuwenden:

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

generiert von dieser Website:

Das ist eigentlich von Google gemacht, das Problem ist, dass ich nicht genug über JSON weiß, um zu wissen, wie ich diesen Code anwende und ich kann keine Beispiele finden, die diese Art von Code verwenden.

Dankbar für irgendwelche Tipps oder Antworten! :)

Antworten:

12 für die Antwort № 1

Ja, ich denke, es ist nicht so offensichtlich. Es hilft nicht, dass sie in # 9 des Zauberers "Stil" schreiben, wenn es "Stile" sein sollte.

Im Hello World-Beispiel ( https://developers.google.com/maps/documentation/javascript/tutorial ), ändere die myOptions, füge das Komma nach mapTypeId hinzu, dann die Option "styles:" und füge den JSON ein.

  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);
}