Question

The following example shows a simple Marker (standard icon) on Google maps for the location and when clicking the icon, it opens the info window. Can I show the info window open by default so that I don t need to click the icon to open?

var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
    var myOptions = {
    zoom: 4,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
    }

    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

    var contentString =  <div id="content"> +
         <div id="siteNotice"> +
         </div> +
         <h2 id="firstHeading" class="firstHeading">Uluru</h2> +
         </div> ;

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

    var marker = new google.maps.Marker({
        position: myLatlng,
        map: map,
        title:"Uluru (Ayers Rock)"
    });

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

Answer 1

If you want to show the info window opened by default without click, just add a new code like bellow:

页: 1

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

因此,我们有这样的新法典:

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

infowindow.open(map,marker);

各位可以看到,我们只添加一条与infowindow open(地图、标识);的小条。

Answer 2

您可以在网页上直接操作“开放”,而不必点击便自动打开窗户。

infowindow.open(map, marker);

然而,在某些情况下,这可能无法使地图适当自动化,使地图上层的超支处于边缘。

A way that worked for me is to wrap it in a listener to the "tilesloaded" event on the map

google.maps.event.addListenerOnce(map,  tilesloaded , function() {
  infowindow.open(map, marker);
});

Answer 3

以上法典完全有效。然而,我的地图正直下调,以便全面显示Infowindow。相反, push子留在中间。

So how do you make the map adjust itself so the info window is fully viewable? Read this: Google Maps : auto center map on marker click

If you want the pushpin to stay where it is and not shift the map, read this: Google Maps: How to prevent InfoWindow from shifting the map

帮助人们的希望下一步

Answer 4

《刑法》对我课以罚款:

Change latitude, longitude, Content and mapid (with your custom div id):

<script type="text/javascript">

function initialize() {
    var myLatlng = new google.maps.LatLng(48.206615,13.487928);
    var mapOptions = {
        zoom: 16,
        center: myLatlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var map = new google.maps.Map(document.getElementById( map-canvas ), mapOptions);

    var contentString =  <p><strong>Bahnhofstraße 32</strong></p><p>Bahnhofstraße 32, 4910 Ried im</p><p>Innkreis, Austria</p> ;

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


    var marker = new google.maps.Marker({
        position: myLatlng,
        map: map,
        title:  Bahnhofstraße 32 
    });

    google.maps.event.addListener(marker,  click , function() {
    infowindow.open(map,marker);
  });
  // show map, open infoBox 
        google.maps.event.addListenerOnce(map,  tilesloaded , function() {
          infowindow.open(map, marker);
        });

}

google.maps.event.addDomListener(window,  load , initialize);

    </script>

友情链接