Προγραμματισμός

* Γνώση Υπολογιστών >> Προγραμματισμός >> JavaScript Προγραμματισμός

Πώς να κάνει ένα Google Map Overlay

Δημιουργήστε μια προσαρμοσμένη χάρτη για την ιστοσελίδα σας εμφανίζει σημεία ενδιαφέροντος χρησιμοποιώντας τη λειτουργία επικάλυψης Google Maps στο Google Maps API V3 . Μια επικάλυψη Google Maps είναι ένα σημείο ή σύνολο σημείων που κάθονται πάνω από ένα χάρτη της Google . Για παράδειγμα , μια ιστοσελίδα για τη Βαρκελώνη , στην Ισπανία μπορεί να χρησιμοποιήσει μια επικάλυψη για να δείξει ένα δείκτη push- pin την τοποθεσία δημοφιλή τουριστικά αξιοθέατα της Βαρκελώνης . Μπορείτε να ορίσετε τη θέση της επικάλυψης χρησιμοποιώντας το γεωγραφικό πλάτος και μήκος της θέσης του δείκτη του . Δεδομένου ότι η επικάλυψη είναι δεμένο σε ένα σύνολο συντεταγμένων , η Google εμφανίζει την επικάλυψη σωστά, ακόμα και αν ο χρήστης μεγεθύνει ή σμίκρυνση στο χάρτη . Οδηγίες
Η

1 Εντοπίστε τα σενάρια στο αρχείο σας HTML αναφορά Google map σας . Προσθέστε τον κώδικα επικάλυψης στο χάρτη script σας . 2

Εισάγετε το γεωγραφικό μήκος και πλάτος για την επικάλυψη με τη χρήση του " . LatLng " αντικείμενο . Για παράδειγμα , για να τοποθετήσετε το Sagrada Familia καθεδρικό ναό της Βαρκελώνης για το χάρτη της πόλης, Τύπος :

var MySFCLatLng = new.google.maps.LatLng (41.403226 , 2.174821) ?
Εικόνων 3

Δημιουργήστε το σημείο πάνω στην επικάλυψη με τον " δείκτης ". λειτουργία. Συνεχίζοντας το παράδειγμα , πληκτρολογήστε :

var SFCMarker = new.google.maps.Marker ( { θέση : MySFCLatLng , τίτλος : « Sagrada Familia Cathedral" } ):
4

Προσθήκη η επικάλυψη δείκτη στο χάρτη , χρησιμοποιώντας τη λειτουργία " setMap " . Σε αυτό το παράδειγμα , πληκτρολογήστε :

marker.setMap ( χάρτης ) ?
5

Αποθηκεύστε το αρχείο σας και να ανεβάσετε στο διακομιστή Web σας για να ελέγξετε χάρτη επικάλυψης σας . Σε αυτό το παράδειγμα , θα πρέπει να δείτε ένα κόκκινο push- pin και την ετικέτα " καθεδρικός ναός Sagrada Familia " την τοποθεσία του καθεδρικού ναού σε ένα χάρτη της πόλης της Βαρκελώνης .
Η
εικόνων

Συναφής σύστασή

Πνευματικά δικαιώματα © Γνώση Υπολογιστών Όλα τα δικαιώματα κατοχυρωμένα