Πώς να αλλάξετε τον Δείκτη σε Google Maps API

Ένας δείκτης είναι ένα εικονίδιο push- pin ότι το Google Maps εμφανίζει πάνω από μια συγκεκριμένη θέση. Από προεπιλογή , όταν κάνετε κλικ σε ένα δείκτη , Google Maps ανοίγει ένα μικρό ενημερωτικό παράθυρο . Για παράδειγμα , ένας χάρτης της Νέας Υόρκης παρουσιάζει ένα δείκτη push- pin στο Albany . Όταν κάνετε κλικ στο δείκτη , θα εμφανιστεί ένα παράθυρο δηλώνοντας ότι Albany είναι η πρωτεύουσα της Νέας Υόρκης . Στον κώδικα του Google Maps JavaScript σας , μπορείτε να αλλάξετε την εμφάνιση και τις δράσεις του δείκτη χρησιμοποιώντας τον κατασκευαστή google.maps.Marker . Οδηγίες
Η

1 Ανοίξτε το αρχείο HTML σας και να προχωρήσουμε στο Google Maps κωδικό σας . 2

Δημιουργήστε ένα κινούμενο δείκτη σταγόνα που πέφτει σε ένα χάρτη και αναπηδά πάνω-κάτω σε ένα θέση πληκτρολογώντας :

δείκτη = νέα google.maps.Marker ( { χάρτη : map , animation : η θέση google.maps.Animation.DROP : CityExample } ) ?

google.maps.event . addListener ( δείκτης , 'κλικ' , toggleBounce ) ? marker.setAnimation ( google.maps , Animation.BOUNCE ) ? }
εικόνων 3

Αλλάξτε το εικονίδιο του δείκτη σε μια εικόνα με τον καθορισμό της εικόνας αρχείο ως δείκτης στις επιλογές χάρτη . Για παράδειγμα, προσθέστε :

var φωτογραφία = ' monumentPhoto.jpg » ? Var exLatLng = νέα google.maps.LatLng (41.403226 , 2.174821) ? Var monumentMarker = new.google.maps.Marker ( { θέση : exLatLng , χάρτη : map , το εικονίδιο : image } ) ?
Η 4

Δημιουργία draggable δείκτη με την προσθήκη του draggable μέθοδο για τον κατασκευαστή Marker . Συνεχίζοντας το παράδειγμα από το Βήμα 3 , προσθέστε τη μέθοδο στη μεταβλητή monumentMarker

φωτογραφία var = " monumentPhoto.jpg » ? . Var exLatLng = νέα google.maps.LatLng ( 41.403226 , 2.174821 ) ? Var monumentMarker = νέα . google.maps.Marker ( { θέση : exLatLng , draggable : αλήθεια , χάρτη : map , το εικονίδιο : image } ) ?
Η
εικόνων