Erstellen Sie eine benutzerdefinierte Karte für Ihre Website Anzeigen Sehenswürdigkeiten mittels der Google Maps Overlay-Funktion in Google Maps API V3 . Ein Google Maps Overlay ist ein Punkt oder eine Reihe von Punkten, die auf der Oberseite einer Google-Karte sitzen . Zum Beispiel kann eine Website auf Barcelona, Spanien kann ein Overlay verwenden , um eine Push-Pin -Marker auf den Standort der beliebten Barcelona Sehenswürdigkeiten zeigen . Sie definieren die Position eines Overlay mit dem Breiten-und Längengrad des Markers Standort . Da die Überlagerung mit einem Satz von Koordinaten gebunden ist, zeigt Google das Overlay richtig, auch wenn der Benutzer vergrößert bzw. verkleinert auf der Karte. Anleitung
1
Suchen Sie die Skripte in HTML- Datei, die auf Ihrem Google- Karte . Fügen Sie die Overlay -Code in Ihre Karte Skript .
2
Geben Sie die Längen-und Breitengrade für die Überlagerung mit dem " . LatLng " Objekt . ;
3 <
var MySFCLatLng = new.google.maps.LatLng ( 41,403226 , 2,174821 ) : Zum Beispiel, um die Kathedrale Sagrada Familia in Barcelona auf Ihrem Stadtplan , Typ platzieren p> erstellen Sie den Punkt in der Überlagerung mit der " . Marker" -Funktion. Fortsetzung des Beispiels , Typ :
var SFCMarker = new.google.maps.Marker ( {position: MySFCLatLng , title: " Kathedrale Sagrada Familia "} ) :
4
hinzufügen der Marker -Overlay auf der Karte mit dem " setMap "-Funktion . In diesem Beispiel geben :
marker.setMap (map );
5
Speichern Sie die Datei und laden Sie zu Ihrem Web -Server an Ihren Karten-Overlay testen. In diesem Beispiel sollten Sie einen roten Push-Pin und die Bezeichnung " Kathedrale Sagrada Familia " von der Lage der Kathedrale auf einem Stadtplan Barcelona .