33

使用谷歌地图 API v3。

我注意到，如果我的地图边界边缘附近有一个地图标记......如果我单击标记图标以便显示 InfoWindow，我的整个地图会移动，以便标记 InfoWindow 居中。

我不希望我的地图移动。

问题：当 InfoWindows 接近地图边界的末端时，如何防止地图移动（这会导致 InfoWindow 默认居中并移动地图）？

4

2 回答 2

62

由于您使用的是 v3，因此您可以使用该disableAutoPan选项简单地防止 infoWindow 移动地图，如以下示例（API 参考）所示：

<!DOCTYPE html>
<html> 
<head> 
   <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
   <title>Google Maps disableAutoPan Demo</title> 
   <script src="http://maps.google.com/maps/api/js?sensor=false" 
           type="text/javascript"></script> 
</head> 
<body> 

   <div id="map" style="width: 200px; height: 200px"></div> 

   <script type="text/javascript"> 

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

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

   var infowindow = new google.maps.InfoWindow({
      content: 'Test',
      disableAutoPan: true
   });

   var marker = new google.maps.Marker({
      position: myLatlng,
      map: map,
      title: 'Test Marker'
   });

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

   </script> 
</body> 
</html>

截屏：

禁用自动平移

于 2010-03-22T12:37:45.353 回答
1

agm-marker-info 有一个名为 [disableAutoPan] 的属性，使其为 false 不会移动位于地图边界边缘附近的地​​图 InfoWindows。

<agm-marker-info [disableAutoPan]="false">
    <b> Marker Info: "A" </b>
</agm-marker-info>

于 2018-11-09T12:51:23.747 回答