Opret en brugerdefineret kort til din hjemmeside vise interessepunkter ved hjælp af Google Maps overlay funktion i Google Maps API V3 . En Google Maps overlay er et punkt eller et sæt af punkter, der sidder på toppen af et Google-kort . For eksempel en hjemmeside på Barcelona Spanien kan bruge et overlay til at vise en push- pin markør på placeringen af populære Barcelona turistattraktioner. Du definerer positionen af et overlay vha. længde-og breddegrad i mærkets placering. Da overlay er bundet til et sæt koordinater , Google viser overlay korrekt, selvom brugeren zoomer ind eller zoomer ud på kortet . Instruktioner
1
Find de scripts i din HTML-fil refererer din Google map . Tilføj overlay koden til dit kort script.
2
Indtast breddegrad og længdegrad for overlay ved hjælp af " . LatLng " objekt . For eksempel placere på Sagrada Familia Cathedral på din Barcelona bykort , type : Hej
var MySFCLatLng = new.google.maps.LatLng (41.403226 , 2.174821) ,
3 < p> Opret punkt på overlay ved at bruge " . Marker "-funktion. Fortsat Skriv f.eks : Hej
var SFCMarker = new.google.maps.Marker ({ position : MySFCLatLng , title: " Sagrada Familia Cathedral "} ) :
4
Tilføj markøren overlay til kortet ved hjælp af " setMap "-funktionen . I dette eksempel , type : Hej
marker.setMap (kort)
5
Gem din fil og uploade til din webserver til at teste dit kort overlay . I dette eksempel , bør du se en rød push- pin og etiketten " Sagrada Familia Cathedral " på placeringen af katedralen på et Barcelona bykort .