Существует несколько способов добавления множества точек на Google Maps на вашем сайте WordPress. Рассмотрим два основных способа:
- Использование плагина Google Maps Easy:
- Установите и активируйте плагин Google Maps Easy через раздел "Плагины" в административной панели WordPress.
- Создайте новую карту, указав необходимые параметры (название, центр карты, уровень масштабирования и т. д.).
- Добавьте метки на карту, для этого можно воспользоваться инструментом "Добавить метку" и указать координаты, описание и другие параметры.
- Для добавления множества точек на карту повторите процесс добавления меток для каждой точки.
- После завершения редактирования карты скопируйте сгенерированный шорткод и вставьте его на страницу или пост вашего сайта.
- Использование Google Maps JavaScript API:
- Получите API-ключ для Google Maps JavaScript API на сайте Google Cloud Platform.
- Используйте JavaScript для создания карты на вашей странице WordPress и добавления маркеров к ней. Пример использования API для создания карты:
<div id="map"></div>
<script>
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 4,
center: {lat: -25.363, lng: 131.044}
});
var locations = [
{lat: -25.363, lng: 131.044},
{lat: -24.363, lng: 130.044},
{lat: -26.363, lng: 132.044}
];
locations.forEach(function(location) {
var marker = new google.maps.Marker({
position: location,
map: map
});
});
}
</script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"></script>
- Замените координаты и значения маркеров в примере на нужные вам.
- Для добавления большего количества точек просто добавьте дополнительные элементы в массив
locationsс нужными координатами.
Выбор способа зависит от ваших предпочтений и уровня знаний. Плагины обычно более просты в использовании, в то время как работа с Google Maps JavaScript API может быть более гибкой и настраиваемой.