Как одновременно открыть одно информационное окно в Google Map V3?

Я знаю, что это повторяющийся вопрос,

Я использую карту Google v3 в своем веб-приложении Django. Где я использую Markers, Infowindow and polyline. Все работает нормально, за исключением того, что когда я нажимаю на маркер, чтобы показать содержимое информационного окна, предыдущее открытое информационное окно не закрывалось.

Я отправляю код моей карты (только часть скрипта или то, что полезно):

var marker = add_marker(flightPlanCoordinates[i][0], flightPlanCoordinates[i][1],"Event Detail",myHtml);

Здесь myHtml — это переменная, содержащая содержимое информационного окна. Я не определял переменную здесь. ТАК игнорируйте это.

    marker.setMap(map);
    }

    var flightPath = new google.maps.Polyline({
                 path: flightPlanCoordinatesSet,
                 strokeColor: "#FF0000",
                 strokeOpacity: 1.0,
                 strokeWeight: 2
                  });
    flightPath.setMap(map);
}

function add_marker(lat,lng,title,box_html) {
var infowindow = new google.maps.InfoWindow({
    content: box_html
});

var marker = new google.maps.Marker({
      position: new google.maps.LatLng(lat,lng),
      map: map,
      title: title
});

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

return marker;
}

google-maps javascript google-maps-api-3 infowindow
person Amit Pal    schedule 11.07.2012    source источник

Ответы (1)


arrow_upward
3
arrow_downward

Вместо нескольких информационных окон используйте только один экземпляр.

При нажатии на маркер сначала закройте информационное окно, затем установите новое содержимое и откройте информационное окно.

function add_marker(lat,lng,title,box_html) 
{
  //create the global instance of infoWindow 
  if(!window.infowindow)
  {
    window.infowindow=new google.maps.InfoWindow();
  } 

  var marker = new google.maps.Marker({
      position: new google.maps.LatLng(lat,lng),
      map: map,
      title: title
  });

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

  return marker;
}
person Dr.Molle    schedule 11.07.2012
comment
Спасибо за ответ, попробовал этот вариант. но не сработало. Может быть, я ошибался, не могли бы вы показать мне псевдокод для метода добавления слушателя - person Amit Pal; 11.07.2012
comment
@Dr.Molle У меня есть несколько маркеров в LatLngBounds, если я создаю глобальный экземпляр infoWindow, последний infowinodow показывает весь указатель - person Ramesh Murugesan; 08.07.2015
comment
@Blue Bells: можешь опубликовать ссылку на страницу? - person Dr.Molle; 08.07.2015