Google maps 触发后平移地图单击标记打开信息窗口_Google Maps_Google Maps Api 3

Google maps 触发后平移地图单击标记打开信息窗口

google-maps google-maps-api-3

Google maps 触发后平移地图单击标记打开信息窗口,google-maps,google-maps-api-3,Google Maps,Google Maps Api 3,我有一个简单的GoogleMapV3，附带一个标记和信息窗口如果单击标记，则信息窗口将显示并自动平移地图以适应视图中的信息窗口，但是如果在页面加载时尝试触发单击以打开信息窗口，则信息窗口将打开，但不会进行平移触发方式如下： google.maps.event.trigger(marker, 'click'); 如果我将上述代码移动到一个函数中，并使用setTimeout 500调用它，那么平移也会发生我翻遍了API，但找不到一个函数可以根据需要自动平移。有没有不使用超时的方法？为什么超时

我有一个简单的GoogleMapV3，附带一个标记和信息窗口

如果单击标记，则信息窗口将显示并自动平移地图以适应视图中的信息窗口，但是如果在页面加载时尝试触发单击以打开信息窗口，则信息窗口将打开，但不会进行平移

触发方式如下：

google.maps.event.trigger(marker, 'click');

如果我将上述代码移动到一个函数中，并使用setTimeout 500调用它，那么平移也会发生

我翻遍了API，但找不到一个函数可以根据需要自动平移。有没有不使用超时的方法？为什么超时有帮助

谢谢

下面是一个无法平移的示例：

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
      html { height: 100% }
      body { height: 100%; margin: 0; padding: 0 }
      #map-canvas { width: 400px; height: 320px }
    </style>
    <script type="text/javascript"
      src="https://maps.googleapis.com/maps/api/js?sensor=false">
    </script>
    <script type="text/javascript">
      function initialize() {
        var myLatlng = new google.maps.LatLng(42.6620233,-78.4250679);
        var mapOptions = {
          center: myLatlng,
          zoom: 7,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),
            mapOptions);

        var contentString = '<div style="width: 200px; height: 100px;">Testing</div>';

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

        var marker = new google.maps.Marker({
            position: myLatlng,
            map: map,
            title:"Hello World!"
        });

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

        google.maps.event.trigger(marker, 'click'); 

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

    </script>
  </head>
  <body>
    <div id="map-canvas"/>
  </body>
</html>


html{高度：100%}
正文{高度：100%；边距：0；填充：0}
#地图画布{宽度：400px；高度：320px}
函数初始化（）{
var mylatng=new google.maps.LatLng（42.6620233，-78.4250679）；
变量映射选项={
中心：myLatlng，
缩放：7，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map（document.getElementById（“地图画布”），
地图选项）；
var contentString='测试'；
var infowindow=new google.maps.infowindow({
内容：contentString
});
var marker=new google.maps.marker({
职位：myLatlng，
地图：地图，
标题：“你好，世界！”
});
google.maps.event.addListener（标记'click'，函数（）{
信息窗口。打开（地图、标记）；
});
google.maps.event.trigger（标记“click”）；
}
google.maps.event.addDomListener（窗口“加载”，初始化）；

下面是一个可以平移但只有超时的：

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
      html { height: 100% }
      body { height: 100%; margin: 0; padding: 0 }
      #map-canvas { width: 400px; height: 320px }
    </style>
    <script type="text/javascript"
      src="https://maps.googleapis.com/maps/api/js?sensor=false">
    </script>
    <script type="text/javascript">
      var map;
      var marker;

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

        var contentString = '<div style="width: 200px; height: 100px;">Testing</div>';

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

        marker = new google.maps.Marker({
            position: myLatlng,
            map: map,
            title:"Hello World!"
        });

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

        setTimeout('pop()', 500);
        //google.maps.event.trigger(marker, 'click');
        //infowindow.open(map,marker);
        //map.pan();

      }

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

      function pop() {
        google.maps.event.trigger(marker, 'click');
      }

      //setTimeout('pop()', 500);

    </script>
  </head>
  <body>
    <div id="map-canvas"/>
  </body>
</html>


html{高度：100%}
正文{高度：100%；边距：0；填充：0}
#地图画布{宽度：400px；高度：320px}
var映射；
var标记；
函数初始化（）{
var mylatng=new google.maps.LatLng（42.6620233，-72.4250679）；
变量映射选项={
中心：myLatlng，
缩放：7，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map=new google.maps.map（document.getElementById（“地图画布”），
地图选项）；
var contentString='测试'；
var infowindow=new google.maps.infowindow({
内容：contentString
});
marker=新的google.maps.marker({
职位：myLatlng，
地图：地图，
标题：“你好，世界！”
});
google.maps.event.addListener（标记'click'，函数（）{
信息窗口。打开（地图、标记）；
});
setTimeout（'pop（）'，500）；
//google.maps.event.trigger（标记“click”）；
//信息窗口。打开（地图、标记）；
//map.pan（）；
}
google.maps.event.addDomListener（窗口“加载”，初始化）；
函数pop（）{
google.maps.event.trigger（标记“click”）；
}
//setTimeout（'pop（）'，500）；

地图的初始化不是一个同步过程，创建地图实例后，需要一段时间才能设置地图的所有属性（因此可能需要一些属性来确定平移地图的位置）

当您使用超时并且超时有效时，此时会设置所需的属性

我建议在加载分幅后调用函数，而不是超时，此时可以确保映射的初始化已完成：

google.maps.event.addListenerOnce(map, 'tilesloaded', pop);

我曾经尝试过这样做，但之前没有成功，结果我在事件侦听器中输入了一个错误titlesloaded'而不是tilesloaded'。