Google Maps API：计算折线的中心/缩放

发布于 2024-09-11 07:51:26 字数 436 浏览 7 评论 0原文

我有一个根据用户数据动态生成的叠加层，因此我需要知道如何找到该叠加层的中心。

目前，我只是使用叠加层的第一个坐标，但这实际上并不代表叠加层的中心。因此，当我加载地图时，它不会以叠加层为中心。

有没有人有一个好的方法可以通过计算中心而不是对其进行硬编码来使地图在覆盖层上居中？

var latlng = new google.maps.LatLng(38.269239, -122.276010);
    var myOptions = {
        zoom: 15,//Calculate this somehow?
        center: latlng,// Calculate value from array of coordinates?
        mapTypeId: google.maps.MapTypeId.HYBRID
    };

原文

I have an overlay that is dynamically generated from user data, so I need to know how to find the center of that overlay.

Currently, I am just using the first coordinates from the overlay, but that really does not represent the center of the overlay. Therefore when I load the map, it is not centered on the overlay.

Does anyone have a good method for centering the map on the overlay, by calculating the center, not hard coding it?

var latlng = new google.maps.LatLng(38.269239, -122.276010);
    var myOptions = {
        zoom: 15,//Calculate this somehow?
        center: latlng,// Calculate value from array of coordinates?
        mapTypeId: google.maps.MapTypeId.HYBRID
    };

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

咿呀咿呀哟 2024-09-18 07:51:27

如果您有坐标列表，则可以循环遍历它们并将它们添加到 LatLngBounds 对象。这是 V3 API 的示例，但 V2 中的概念类似：

var bounds = new google.maps.LatLngBounds();
for (var i = 0; i < coordinates.length; i++) {
  bounds.extend(coordinates[i]);
}

之后，您可以通过以下方式获取中心：

bounds.getCenter();

或者，您可以直接调用 map.fitBounds()，这将居中围绕边界中心的地图并调整缩放，以便整个边界完全适合视口。

map.fitBounds(bounds);

If you have a list of coordinates, you can loop over them and add them to a LatLngBounds object. Here is a example for the V3 API, but the concept in V2 is similar:

var bounds = new google.maps.LatLngBounds();
for (var i = 0; i < coordinates.length; i++) {
  bounds.extend(coordinates[i]);
}

After that, you can get the center with:

bounds.getCenter();

Or alternatively, you can call map.fitBounds() directly, which will center the map around the center of the bounds and adjust the zoom, so that the whole bounds will fit exactly into the view port.

map.fitBounds(bounds);

回复收藏 0 原文

凡尘雨 2024-09-18 07:51:27

基于@tux21b，

      var bounds = new google.maps.LatLngBounds();
      polyline.getPath().forEach(function(e){//can't do polyline.getPath()[i] because it's a MVCArray
          bounds.extend(e);
      })         
      _map.fitBounds(bounds);

Based on @tux21b,

      var bounds = new google.maps.LatLngBounds();
      polyline.getPath().forEach(function(e){//can't do polyline.getPath()[i] because it's a MVCArray
          bounds.extend(e);
      })         
      _map.fitBounds(bounds);

回复收藏 0 原文

~没有更多了~