Maak een aangepaste kaart voor uw website weergeven van bezienswaardigheden met behulp van de Google Maps overlay -functie in Google Maps API V3 . Een Google Maps overlay is een punt of een reeks punten die zitten op de top van een Google map . Bijvoorbeeld , een website over Barcelona , Spanje kan een overlay gebruiken om een push - pins marker vertonen op de locatie van de populaire toeristische attracties van Barcelona . U definieert de positie van een overlay met de lengte-en breedtegraad van de locatie van de marker . Omdat de overlay is gebonden aan een set coördinaten , Google geeft de overlay correct , zelfs als de gebruiker inzoomt of zoomt uit op de kaart . Instructies
1 Zoek de scripts in uw HTML-bestand verwijst naar uw Google- map . Voeg de overlay code op uw kaart script . Kopen van 2 Voer de breedte-en lengtegraad van de overlay met behulp van de " . LatLng " object . Bijvoorbeeld , om de Sagrada Familia kathedraal plaatsen op je Barcelona stadskaart , type:
var MySFCLatLng = new.google.maps.LatLng (41.403226 , 2.174821) ;
3 Maak de punt op de overlay met behulp van de functie " . Marker " . Voortzetting van het Typ bijvoorbeeld : var SFCMarker
= new.google.maps.Marker ( {position : MySFCLatLng , title : " Sagrada Familia " } ) :
4 Toevoegen de marker overlay op de kaart met behulp van de functie " setMap " . In dit voorbeeld typt : marker.setMap
( kaart ) ;
5 Sla uw bestand en uploaden naar uw webserver naar uw map overlay te testen . In dit voorbeeld moet u een rode push - pins en het label " Sagrada Familia " op de locatie van de kathedraal op een Barcelona kaart zien .
|
