Περιεχόμενο
Μπορείτε να προσαρμόσετε έναν χάρτη Google για να καλύψετε τις συγκεκριμένες ανάγκες του κοινού του ιστότοπού σας με το API Χαρτών Google 3.0. Μια μέθοδος εξατομίκευσης είναι να εισαγάγετε έναν κύκλο που δείχνει την ακτίνα απόστασης γύρω από ένα συγκεκριμένο μέρος. Μπορείτε, για παράδειγμα, να δείξετε την ακτίνα πέντε χιλιομέτρων γύρω από ένα τουριστικό σημείο, έτσι ώστε οι επισκέπτες να μπορούν να δουν κοντινά ξενοδοχεία και εστιατόρια. Για να δημιουργήσετε μια ακτίνα απόστασης γύρω από μια τοποθεσία ή σημείο, χρησιμοποιήστε την τάξη "Κύκλος" των Χαρτών Google.
Βήμα 1
Ανοίξτε το αρχείο HTML και μεταβείτε στην ενότητα που περιέχει τον κώδικα χάρτη Google.
Βήμα 2
Μετακινηθείτε προς τα κάτω στον κωδικό μέχρι να βρείτε αυτόν που καθορίζει τη θέση του δείκτη. Για να βρείτε εύκολα τον σελιδοδείκτη, αναζητήστε τον όρο "google.maps.Marker" στο αρχείο HTML.
Βήμα 3
Κάτω από όπου ορίζετε το δείκτη, δημιουργήστε το επίπεδο "Κύκλος" και επισυνάψτε το σε αυτό. Για παράδειγμα, πληκτρολογήστε:
var circleExample = νέο google.maps.Circle ({map: map
Βήμα 4
Προσθέστε την ακτίνα του κύκλου που θα είναι γύρω από το δείκτη σε μέτρα:
var circleExample = νέο google.maps.Circle ({map: map radius: 5000
Βήμα 5
Δημιουργήστε ένα χρώμα πλήρωσης για τον κύκλο. Ορίζετε το χρώμα χρησιμοποιώντας δεκαεξαδική μορφή. Για παράδειγμα, πληκτρολογήστε:
var circleExample = new google.maps.Circle ({map: map radius: 5000 fillColor = #FFFFFF});
Βήμα 6
Συσχετίστε ή προσθέστε τον κύκλο στο δείκτη:
var circleExample = new google.maps.Circle ({map: map radius: 5000 fillColor = #FFFFFF}); circleExample.bindTo («χάρτης», δείκτης);
Βήμα 7
Αποθηκεύστε το χάρτη και δοκιμάστε. Οι Χάρτες Google θα εμφανίσουν έναν λευκό κύκλο με ακτίνα 5.000 μέτρων γύρω από την τοποθεσία του δείκτη.