【问题标题】:How to automatic display info window on Google maps?如何在谷歌地图上自动显示信息窗口?
【发布时间】:2016-07-03 11:21:02
【问题描述】:

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

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

 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>

【问题讨论】:

  • “自动”是什么意思?每个添加的标记一个?
  • 我已经为每个标记都有一个,但我希望它们显示而无需单击它..

标签: javascript maps infowindow


【解决方案1】:

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

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);

【讨论】:

  • 我其实不知道如何在我的代码上实现它
  • 地图现在可以工作了,但是标记已经消失,并且没有自动显示信息窗口。我需要像以前一样点击它。
猜你喜欢
  • 2020-04-26
  • 2020-04-27
  • 2016-12-21
  • 2012-02-18
  • 1970-01-01
  • 1970-01-01
  • 2014-07-21
  • 1970-01-01
  • 2013-06-08
相关资源
最近更新 更多