Πώς να χρησιμοποιήσετε το Google Maps API Απόσταση Ακτίνα

Μπορείτε να προσαρμόσετε ένα χάρτη του Google για την αντιμετώπιση των ειδικών αναγκών της ιστοσελίδας ακροατήριό σας χρησιμοποιώντας το Google Maps 3.0 API . Μία μέθοδος είναι να τοποθετήσετε ένα κύκλο που δείχνει μια ακτίνα απόσταση γύρω από μια συγκεκριμένη τοποθεσία . Για παράδειγμα , τοποθετήστε έναν κύκλο που δείχνει μια ακτίνα πέντε μιλίων γύρω από μια τουριστική τοποθεσία , έτσι ώστε οι χρήστες μπορούν να δουν τα ξενοδοχεία και τα εστιατόρια που βρίσκονται κοντά στην έλξη . Για να δημιουργήσετε μια ακτίνα απόστασης γύρω από μια τοποθεσία ή δείκτη , χρησιμοποιήστε τα Google Maps " Κύκλος " class . Οδηγίες
Η

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

Μετακινηθείτε προς τα κάτω τον κωδικό μέχρι να βρείτε τον κώδικα όπου μπορείτε να ορίσετε τη θέση ή δείκτη . Για να βρείτε το δείκτη εύκολα , αναζήτηση για τον όρο " google.maps.Marker " στο αρχείο HTML σας .
Εικόνων 3

Κάτω από όπου μπορείτε να ορίσετε το δείκτη , τη δημιουργία του " Κύκλου " επικάλυψης και προσδένονται στον δείκτη. Για παράδειγμα, πληκτρολογήστε :

var circleExample = νέα google.maps.Circle ( { χάρτη : map
Η 4

Προσθήκη ακτίνα του κύκλου σε μέτρα γύρω από το δείκτη :

var circleExample = νέα google.maps.Circle ( { χάρτη: ακτίνα χάρτη: . 5000
5

Δημιουργήστε ένα χρώμα γεμίσματος για τον κύκλο Μπορείτε να ορίσετε το χρώμα χρησιμοποιώντας μια δεκαεξαδική μορφή , για παράδειγμα , τον τύπο . :

var circleExample = νέα google.maps.Circle ( { χάρτη: ακτίνα χάρτη: 5000 fillColor = # FFFFFF } ) ?
Η 6

Συνεργάτης , ή τη σύνδεση , ο κύκλος με τον δείκτη :

var circleExample = νέα google.maps.Circle ( { χάρτη: ακτίνα χάρτη: 5000 fillColor = # FFFFFF } ) ? circleExample.bindTo ( «χάρτη» , δείκτης) ?
Η 7

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