תוֹכֶן
תוכל להתאים אישית את מפת Google כדי לענות על הצרכים הספציפיים של קהל האתר שלך באמצעות ממשק Google Maps 3.0 API. אחת השיטות להתאמה אישית היא הכנסת מעגל שמראה את רדיוס המרחק סביב מקום ספציפי. אתה יכול, למשל, להראות את הרדיוס של חמישה קילומטר סביב מקום תיירותי, כך שהמבקרים יוכלו לראות מלונות ומסעדות סמוכים. כדי ליצור רדיוס מרחק סביב מיקום או נקודה, השתמש בכיתה "מעגל" של מפות Google.
שלב 1
פתח את קובץ ה- HTML ועבור לקטע המכיל את קוד המפה של גוגל.
שלב 2
גלול למטה בקוד עד שתמצא את אחד שמגדיר את מיקום הסמן. כדי למצוא את הסימנייה בקלות, חפש את המונח "google.maps.Marker" בקובץ ה- HTML.
שלב 3
למטה איפה שאתה מגדיר את הסמן, צור את שכבת "המעגל" והצרף אותה אליה. לדוגמה, הקלד:
var circleExample = google.maps.Circle חדש ({מפה: מפה
שלב 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
שמרו את המפה ובחנו. מפות גוגל יציגו עיגול לבן ברדיוס של 5,000 מטר סביב מיקום הסמן.