Πώς να σχεδιάσετε ένα Polyline Έχοντας μια σειρά από String Τοποθεσίες σε Google Maps V3

Το Google Maps API V3 σας επιτρέπει να ελέγχετε τον τρόπο για την εισαγωγή δεδομένων και να δημιουργήσετε προσαρμοσμένα Google maps . Εάν έχετε μια λίστα ή έναν πίνακα του γεωγραφικού πλάτους και μήκους συντεταγμένες μπορείτε να καθορίσετε ότι η Google χρησιμοποιεί τον πίνακα για να δημιουργήσετε μια πορεία ή polyline σε ένα χάρτη . Για παράδειγμα , θα μπορούσατε να δημιουργήσετε μια γραμμή μετά από τις καμπύλες στο βουνό σε ένα μονοπάτι, ή μια διαδρομή αποστολής που υφαίνει γύρω από μια σειρά νησιών . Οδηγίες
Η

1 Ανοίξτε το αρχείο HTML σας και μεταβείτε στην ενότητα όπου μπορείτε να ορίσετε το Google Map σας . 2

Σύμφωνα με τον κώδικα όπου θα προετοιμαστεί ο χάρτης καθορίζουν τα χαρακτηριστικά της polyline . Για παράδειγμα, πληκτρολογήστε :
polylineOptions

var = { strokeColor : '# 000000 ' , strokeWeight : 3

Σε αυτό το παράδειγμα , το χρώμα της γραμμής έχει οριστεί σε δεκαεξαδική μαύρο χρώμα και το βάρος της γραμμή είναι τρεις .
εικόνων 3

η προετοιμασία της polyline . Για παράδειγμα, πληκτρολογήστε :

polylineExample = νέα google.maps.Polyline ( polylineOptions ) ? PolylineExample.setMap ( χάρτης ) ?

Σε αυτό το παράδειγμα , έχουμε την προσθήκη του polyline στον χάρτη με το χαρακτηριστικά που ορίζονται στην " polylineOptions " μεταβλητή .
Η 4

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

google.maps.event.addListener ( χάρτης , 'κλικ' , addLatLng ) ? }

Σε αυτό το παράδειγμα , η Google ακούει για τον χρήστη να κάνει κλικ στο χάρτη και καταστήματα που εκτιμούν σε " addLatLng . "
5

Δημιουργήστε το polyline χρησιμοποιώντας τη λειτουργία addlatLng . Για παράδειγμα, πληκτρολογήστε :

addlatLng λειτουργία ( γεγονός) { var διαδρομή = polyline.getpath ( ) ? Route.push ( event.latLng ) ?

Συνεχίζοντας το παράδειγμα , " getpath " επιστρέφει η σειρά των τιμών που αποδίδονται στη μεταβλητή " διαδρομή " και ωθεί τις νέες γεωγραφικές συντεταγμένες στη συστοιχία .
Η 6

Προσθέστε ένα δείκτη θέσης για κάθε γεωγραφικό σημείο κατά μήκος της polyline . Για παράδειγμα, πληκτρολογήστε :

var locMarker = νέα google.maps.locMarker ( { θέση : event.latLng , τίτλος : « # » + route.getLength ( ) , χάρτη: map } ) ? }

σε αυτό το παράδειγμα , το Google Maps δείχνουν τις θέσεις για τη διαδρομή ή polyline χρησιμοποιώντας τα δεδομένα στην " διαδρομή " του πίνακα.
Η 7

Αποθηκεύστε τον κωδικό σας και δοκιμάστε το . Google Maps εμφανίζει μια γραμμή στο χάρτη σας . Για κάθε τοποθεσία στο Google Maps τοποθετεί ένα δείκτη . Η polyline θα μοιάζει με μια σύνδεση -the - τελείες εικόνα στο χάρτη .
Η
εικόνων