谷歌地图:地图不扩展边界以查看所有标记
GoogleMaps: map not extending bounds to view all markers
我遇到了问题。 我有一系列经销商的位置。 它被称为locations
. 每组中的第一项是纬度,每组中的最后一项是经度。我得到一张地图,上面正确显示了所有位置,除了它放大了其中一个位置。 它必须是有界限的东西,但我不确定是什么。 有人可以帮忙吗? 谢谢。
这是我的代码:
var map = new google.maps.Map(document.getElementById('map'), {
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var marker, i;
if (locations.length > 1) {
var bounds = new google.maps.LatLngBounds();
for (i = 0; i < locations.length; i++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][0], locations[i][1]),
map: map
});
}
bounds.extend(marker.getPosition());
map.fitBounds(bounds);
我认为您希望在 for 循环中bounds.extend
。在我看来,它只占据了一个标记的位置。
似乎在您的代码中,您可以获得最后一个标记的位置,并对地图说适合该位置。你这样做与
bounds.extend(marker.getPosition());
map.fitBounds(bounds);
如果你想适合所有的标记,那么把
bounds.extend(m[i]);
在标记之后的 for 循环中。
类似的答案解释得更好:Google Maps v3 API Extend Bounds。Javascript How-To?
相关文章:
- Node.js v6.2.0类扩展不是函数错误
- 扩展移相器按钮类不工作
- 谷歌地图固定位置覆盖
- chrome扩展中的navigator.geolocation.getCurrentPosition
- chrome扩展:尽管运行了at:documentidle,js脚本还是过早启动
- chrome扩展更改主机/域警告
- 不显示带有本地json文件数据的谷歌地图脚本
- Raphael.js世界地图:如何使其可扩展
- 使用地图时使用扩展运算符扩展数组
- 谷歌地图:地图不扩展边界以查看所有标记
- 谷歌地图API v3折线.如何扩展鼠标覆盖区域
- 如何写自定义扩展谷歌地图在一个干净的方式
- 连接并扩展谷歌地图上的多边形编辑功能
- 扫描文件夹的.shp扩展名,并添加到传单地图
- 稍微扩展了Google地图的边界
- 扩展谷歌地图api类(或制作包装器)
- 从Chrome扩展中获取谷歌地图对象
- 扩展谷歌地图标记动画顺利更新
- 谷歌地图API ->Jquery可扩展地图和浏览器问题
- 可扩展的谷歌地图覆盖