Зміст
Ви можете налаштувати карту Google відповідно до конкретних потреб аудиторії вашого веб-сайту за допомогою API Google Maps 3.0. Одним із методів персоналізації є вставка кола, що показує радіус відстані навколо певного місця. Наприклад, ви можете показати радіус п’яти кілометрів навколо туристичного місця, щоб відвідувачі могли побачити сусідні готелі та ресторани. Щоб створити радіус відстані навколо місця або точки, використовуйте клас "Коло" на Картах Google.
Крок 1
Відкрийте файл HTML і перейдіть до розділу, що містить код карти Google.
Крок 2
Прокрутіть код вниз, поки не знайдете той, який визначає місце розташування маркера. Щоб легко знайти закладку, знайдіть у файлі HTML термін "google.maps.Marker".
Крок 3
Нижче, де ви визначаєте маркер, створіть шар "Коло" і прикріпіть його до нього. Наприклад, введіть:
var circleExample = new google.maps.Circle ({map: map
Крок 4
Додайте радіус кола, який буде навколо маркера в метрах:
var circleExample = new google.maps.Circle ({карта: радіус карти: 5000
Крок 5
Створіть колір заливки для кола. Ви визначаєте колір, використовуючи шістнадцятковий формат. Наприклад, введіть:
var circleExample = new google.maps.Circle ({карта: радіус карти: 5000 fillColor = #FFFFFF});
Крок 6
Прив’яжіть або додайте коло до маркера:
var circleExample = new google.maps.Circle ({карта: радіус карти: 5000 fillColor = #FFFFFF}); circleExample.bindTo (‘карта’, маркер);
Крок 7
Збережіть карту та протестуйте. Карти Google покажуть біле коло радіусом 5000 метрів навколо місця розмітки.