如何在Google地图上自动显示信息窗口?

时间:2016-03-17 08:21:25

标签: javascript maps infowindow

我目前在我的网站上有一个谷歌地图,它为每个信息窗口都有“点击”事件。因此,如果您单击标记,则会弹出信息窗口。但是,我希望infowindow能够自动显示,而不必先点击它们。

这是我的代码,有人可以帮助我吗?:

 var map = new google.maps.Map(document.getElementById('map'), {
                // Maps zoom level 16
                zoom: 16,
                // Start location
                center: new google.maps.LatLng(51.996098, 5.891174),
                // Map style
                mapTypeId: google.maps.MapTypeId.HYBRID
            });

            // info window
            var infowindow = new google.maps.InfoWindow();

            var marker, i;

            // Markers
            for (i = 0; i < locations.length; i++) {
                marker = new google.maps.Marker({
                    position: new google.maps.LatLng(locations[i][1],       locations[i][2]),
                    map: map
                });

                google.maps.event.addListener(marker, 'click', (function (marker, i) {
                    return function () {
                        infowindow.setContent(locations[i][0]);
                        infowindow.open(map, marker);
                    }
                })(marker, i));
            }



            function clickroute(lati, long) {
                var latLng = new google.maps.LatLng(lati, long);
                map.panTo(latLng);
            }
        </script>

1 个答案:

答案 0 :(得分:0)

每次创建标记时,还要创建一个信息窗口并将其打开:

var marker = new google.maps.Marker({
    position: new google.maps.LatLng(locations[i][1], locations[i][2]),
    map: map
});

var infoWindow = new google.maps.InfoWindow();
infoWindow.setContent(locations[i][0]);
infoWindow.open(map, marker);