01Путеводитель по Якутску
1) Царство вечной мерзлоты
2) Аэропорт Якутска
3) Ус Хатын
4) Музей мамонта
5) Старый город
6) Дом -Музей "Якутская ссылка"
7) Пл. Победы
8) Музей Ярославского
9) Музей мамонта
2) Аэропорт Якутска
3) Ус Хатын
4) Музей мамонта
5) Старый город
6) Дом -Музей "Якутская ссылка"
7) Пл. Победы
8) Музей Ярославского
9) Музей мамонта
Tilda Publishing
create your own block from scratch
// 1. Инициализация карты и массива меток
var map;
var markers = [];
function initMap() {
map = new google.maps.Map(document.getElementById('my-custom-map'), {
center: {lat: 62.0308, lng: 129.6200}, // Координаты центра
zoom: 12
});
// Добавление меток
addMarker({lat: 62.0308, lng: 129.6200}, "Метка 1", "map-point-1");
addMarker({lat: 62.1866, lng: 129.7758}, "Метка 2", "map-point-2");
}
function addMarker(coords, title, className) {
var marker = new google.maps.Marker({
position: coords,
map: map,
title: title
});
// Связываем клик по кнопке в Zero Block с кликом по метке
document.querySelector('.' + className).addEventListener('click', function() {
google.maps.event.trigger(marker, 'click'); // Эмулируем клик по метке
map.panTo(marker.getPosition()); // Центрируем карту на метке
});
// Можно добавить открытие инфо-окна при клике
var infoWindow = new google.maps.InfoWindow({ content: title });
marker.addListener('click', function() {
infoWindow.open(map, marker);
});
}
Вам помочь?
Наша команда готова предоставить вам в сопровождение гида-переводчика.
