谷歌将fitBounds映射到特定区域

Question

我希望实现以下目标：“将可能分布在很大范围的lat、lng中的标记数组放入一个fitbounds方法中，该方法将fitbounds放置在一个自定义矩形内。”

下面的图片应该能阐明我想要实现的目标。基本上，我有一个标记数组，我希望确保它们始终适合页面右侧的一个小方框。

白框包含一些与标记有关的信息，这些信息将始终存在，所以我不希望任何标记隐藏在白框后面，如果我能定义它们位于黑框中，我会很高兴。(请注意，黑框仅是此问题的可视参考)。

​

​

Answer 1

可以使用containsLocation确保点位于多边形的内部。参见here。

在遍历阵列中的每个坐标对时，请验证该位置是否在多边形区域内，然后相应地添加到地图中。您还可以为这些点设置一个属性，以“定义”它们所处的范围。

var latlng = new google.maps.latLng(array[n]);
if (google.maps.geometry.poly.containsLocation(latlng, polygon)){  
     marker = new google.maps.Marker({
         position: latlng,
         map: map
     });
     marker.dataset.box = 'blackbox';
} else {  
     alert('Not inside black box');
}

如果您使用的是HTML5，则可以将数据集属性添加到多边形内的标记。

marker.dataset.box = 'blackbox';

如果没有，您可以使用setAttribute。

marker.setAttribute('data-box', 'blackbox');