Google Maps: Auto close open InfoWindows?

前端 未结 12 714
终归单人心
终归单人心 2020-12-02 05:30

On my site, I\'m using Google Maps API v3 to place house markers on the map.

The InfoWindows stay open unless you explicitly click the close icon. Meaning, you can h

12条回答
  •  不知归路
    2020-12-02 06:15

    There is a easier way besides using the close() function. if you create a variable with the InfoWindow property it closes automatically when you open another.

    var info_window;
    var map;
    var chicago = new google.maps.LatLng(33.84659, -84.35686);
    
    function initialize() {
        var mapOptions = {
            center: chicago,
            zoom: 14,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
    
        info_window = new google.maps.InfoWindow({
            content: 'loading'
        )};
    
    createLocationOnMap('Location Name 1', new google.maps.LatLng(33.84659, -84.35686), '

    Location Name 1
    Address 1

    '); createLocationOnMap('Location Name 2', new google.maps.LatLng(33.84625, -84.36212), '

    Location Name 1
    Address 2

    '); } function createLocationOnMap(titulo, posicao, conteudo) { var m = new google.maps.Marker({ map: map, animation: google.maps.Animation.DROP, title: titulo, position: posicao, html: conteudo }); google.maps.event.addListener(m, 'click', function () { info_window.setContent(this.html); info_window.open(map, this); }); }

提交回复
热议问题