Skapa en egen karta för din webbplats visar intressanta platser med hjälp av Google Maps overlay funktionen i Google Maps API V3 . En Google Maps overlay är en punkt eller en uppsättning punkter som sitter på toppen av en Google-karta . Till exempel , en webbplats om Barcelona , kan Spanien använda ett överlägg för att visa en push - pin markör på platsen för populära Barcelona turistattraktioner . Du definierar positionen för en överlagring med latitud och longitud på markörens plats . Eftersom overlay är knuten till en uppsättning koordinater , visar Google överlägget korrekt även om användaren zoomar in eller zoomar ut på kartan . Instruktioner
1
Leta skript i HTML -filen refererar Google map . Lägg överlägget koden på din karta manus .
2
Ange latitud och longitud för överlägget med " . LatLng " objektet . Till exempel , för att placera katedralen Sagrada Familia på Barcelona stadskarta , typ :
var MySFCLatLng = new.google.maps.LatLng (41.403226 , 2.174821) ;
3
Skapa punkten på överlägget genom att använda " . Marker " funktionen . Fortsatt exempel , typ :
var SFCMarker = new.google.maps.Marker ( { ställning : MySFCLatLng , titel : " Sagrada Familia Cathedral " } ) :
4
Lägg markören overlay på kartan med hjälp av " setMap " funktionen . I detta exempel , typ :
marker.setMap ( karta ) ,
5
Spara filen och ladda upp till din webbserver för att testa din karta overlay . I detta exempel , bör du se en röd push-pin och etiketten " Sagrada Familia Cathedral " på plats i katedralen på en Barcelona stadskarta .
