Проблема с информационным окном Google-map

#google-maps #pointers #infowindow

#google-карты #указатели #информационное окно

Вопрос:

Я разрабатываю веб-сайт, на котором мне нужно показать Google-Map с несколькими выводами / указателями. Вывод / указатель отображаются в нужном месте в соответствии с широтой и долготой, но когда я нажимаю на эти выводы / указатели, указатель InfoWindow указывает на другое место — примерно в 25 пикселях справа от местоположения вывода / указателя.

Пожалуйста, помогите мне избавиться от этого.

введите описание изображения здесь

1. Пожалуйста, предоставьте свой код , если вам нужна помощь. Если вы не можете этого сделать, прочитайте документацию о пользовательских значках и InfoWindows

2. Вы можете проверить сайт здесь … spectrumofteachingstyles.org/NEW2/around-the-world Пожалуйста, просмотрите исходный код страницы для материалов JS.

Ответ №1:

Основная проблема заключалась в определении маркера. Это было неправильно определено.

 var marker = new google.maps.Marker({
    position: feature.position,
    icon: {
        url:icon_img.icon,
        size:new google.maps.Size(62,35),           
        origin:new google.maps.Point(0, 0),
        anchor:new google.maps.Point(15,25),
        scaledSize: new google.maps.Size(30, 30)
    },
    shape:shape,
    map: map
});

Приведенный выше код был некорректным, поскольку свойства «size» и «scaledSize» содержат другое значение. Я изменил его на

 size:new google.maps.Size(30,30)

Теперь информационное окно находится в нужном месте. Спасибо вам всем.

Ответ №2:

Если это так, вам нужно привязать объект InfoWindow к маркеру, вот так:

 google.maps.event.addListener(marker, 'click', function() {
    infowindow.open(map,marker);
  });