שימוש בממשק API של מפות Google עבור מרחק רדיאלי

תוֹכֶן

• הוראות

תוכל להתאים אישית את מפת Google כדי לענות על צורכי הקהל הספציפיים של האתר שלך באמצעות ממשק API של מפות Google 3.0. שיטה אחת של התאמה אישית היא להכניס מעגל שמראה את רדיוס המרחק סביב מקום מסוים. אתה יכול, למשל, להראות את רדיוס חמש קילומטר סביב מקום תיירותי כך המבקרים יכולים לראות בקרבת מקום מלונות ומסעדות. כדי ליצור רדיוס של מרחק סביב מיקום או נקודה, השתמש במחלקה 'מעגל' במפות Google.

הוראות

1. פתח את קובץ ה- HTML ועבור לקטע המכיל את קוד המפה של Google.

2. גלול את הקוד עד שתמצא את מיקום הסמן. כדי למצוא את הסימנייה בקלות, חפש את המונח "google.maps.Marker" בקובץ HTML.

3. במקום שבו אתה קובע את הסמן, ליצור את "מעגל" שכבת ו לצרף אותו אליו. לדוגמה, הקלד:

   var circleExample = new google.maps.Circle ({מפה: מפה

4. הוסף את רדיוס המעגל שיהיה סביב הסמן במטר:

   var circleExample = new 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' יציג מעגל לבן של 5,000 מטרים ברדיוס מסביב למיקום הסמן.