как открыть информационное окно при загрузке страницы в карте Google - PullRequest
0 голосов
/ 27 августа 2018

У меня есть один маркер на карте Google. и у него есть одно информационное окно с некоторым содержанием. Я хочу, чтобы он открывался автоматически, когда страница отображается не в событии клика.

   function initMap() {
        var myLatLng = new google.maps.LatLng(22.804270950051844, 86.18359432304942),
            myOptions = {
                zoom: 14,
                center: myLatLng,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            },
            map = new google.maps.Map(document.getElementById('map-canvas'), myOptions),
            marker = new google.maps.Marker({
                position: myLatLng,
                map: map,
                icon: 'http://maps.google.com/mapfiles/ms/micons/green.png',
                label: "1",
            });
        var contentString = 'no 1';

        var infowindow = new google.maps.InfoWindow({
            content: contentString
        });
        marker.addListener('click', function () {
            infowindow.open(map, marker);
        });
         infowindow.open(map, marker);
        marker.setMap(map);
    }

1 Ответ

0 голосов
/ 27 августа 2018

не вставлять в слушатель, но в теле кода initMap

  function initMap() {
        var myLatLng = new google.maps.LatLng(22.804270950051844, 86.18359432304942),
            myOptions = {
                zoom: 14,
                center: myLatLng,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            },
            map = new google.maps.Map(document.getElementById('map-canvas'), myOptions),
            marker = new google.maps.Marker({
                position: myLatLng,
                map: map,
                icon: 'http://maps.google.com/mapfiles/ms/micons/green.png',
                label: "1",
            });

        var contentString = 'no 1';

        var infowindow = new google.maps.InfoWindow({
            content: contentString
        });

        infowindow.open(map, marker);

    }

и если у вас есть проблемы с перекрытием, попробуйте назначить правильную новую позицию, например: (position по умолчанию содержит LatLng объекта, к которому привязано это информационное окно)

        var infowindow = new google.maps.InfoWindow({
            content: contentString,
            position: new google.maps.LatLng(22.80427+ 0.000005 , 86.18359+ 0.000005)
        });
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...