Benutzerdefinierte Google Map (mit Markierungen) + Individuelle .json zur Website

Question

versucht, meinen Kopf um diese für einige Zeit einbetten zu bekommen, obwohl klar ich etwas fehlt bin

, was ich versuche, eine neue zu tun ziehen nicht Karte zur Verfügung stellen, obwohl eine src-Link zu sagen (https://www.google.com/maps/d/u/0/embed?mid=1xI_dALvs0A-oySG-dkf4BYeDyBk), um etwas von der unter

https://developers.google.com/maps/documentation/javascript/styling

ich möchte mit den Markierungen auf meiner Seite meine benutzerdefinierte Karte einzubetten und es Styling

I Karte erraten = new google.maps.Map (document.getElementById ('map') hat etwas mit dem Zeichnen der neuen Map zu tun, obwohl es nicht so sicher ist, es herauszunehmen oder was?

1. ist es sowieso eher die benutzerdefinierte Karte + .json Code zu verwenden als schwer ein Array von poi die Codierung als würde es für die Markierungen auf den Custom-Map Link zeigt durch verlassen wie

2. ist es ein besserer Weg, um dieses

Answer 1

Google maps JavaScript-API zu erhalten Daten laden, die in GeoJSON-Format gespeichert wurden. Sie müssen also in die GeoJSON-Spezifikation schauen und eine entsprechende Datei für Ihre Marker (oder Polylinien, Polygone usw.) erstellen.

Die Google Maps JavaScript-API-Dokumentation erläutert, wie die GeoJSON Daten über die Datenschicht von Karten laden:

https://developers.google.com/maps/documentation/javascript/datalayer#load_geojson

Sie das Styling Beispiel aus der Dokumentation mit GeoJSON Beispiel kombinieren sollten Ihr Ziel zu erreichen.