3

我正在尝试使用谷歌地图的自动完成和偏向结果LatLngBounds。我希望能够在一个岛屿（比如夏威夷群岛）周围绘制一个矩形并以这种方式获得 LatLngBounds。有什么工具可以帮助我吗？

4

2 回答 2

12

很久以前，我写了一个“缩放窗口”，供您使用。它只是地图和矩形侦听器。

http://jsfiddle.net/yV6xv/16/embedded/result/

查看代码：

http://jsfiddle.net/yV6xv/16/

要使用它，首先放大并手动平移到您的岛屿。您要选择的整个区域必须在屏幕上可见。

然后单击一次以定义一个矩形角。将鼠标移向对角线的对角。（将出现一个矩形选择）。再次单击以定义矩形区域。地图上方的文本区域应该为您提供带有 SW 和 NE 点的选定 LatLngBounds。

在尝试包含国际日期变更线时，它的行为与预期不同。

  var map;

  var mapOptions = {
    center: new google.maps.LatLng(0.0, 0.0),
    zoom: 2,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  var bounds;
  var pt1, pt2;
  var rect;

  function toLatLng(lat, lng) {
    return new google.maps.LatLng(lat, lng);
  }

  function toBounds(j,k) {
    var pts = [];
    var latMin, latMax, lngMin, lngMax;
    var sw, ne;

    latMin = Math.min(j.lat(), k.lat());
    latMax = Math.max(j.lat(), k.lat());

    lngMin = Math.min(j.lng(), k.lng());
    lngMax = Math.max(j.lng(), k.lng());

    sw = toLatLng(latMin, lngMin);
    ne = toLatLng(latMax, lngMax);
    return new google.maps.LatLngBounds(sw, ne);
  }

  function initialize() {
    map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
    rect = new google.maps.Rectangle({
      fillColor: "#FFFF00",
      fillOpacity: 0.3,
      strokeColor: "#0000FF",
      strokeWeight: 2
    });

    // Activate the box
    google.maps.event.addListener(map, 'click', function(event) {
      pt1 = event.latLng;
      rect.setMap(map);
    });

    // Modify the box's size
    google.maps.event.addListener(map, 'mousemove', function(event) {
      if(rect.getMap() == map) {
        rect.setBounds(toBounds(pt1, event.latLng));
      }
    });

    // Remove the zoom window and zoom in
    google.maps.event.addListener(rect, 'click', function(event) {
      rect.setMap(null);
      pt2 = event.latLng;
      myBounds = toBounds(pt1, pt2);

      document.getElementById("selectedBounds").value = "new google.maps.LatLngBounds(new google.maps.LatLng" + myBounds.getSouthWest() + ", new google.maps.LatLng" + myBounds.getNorthEast() + ");";
    });

    // Allows shrinking the box
    google.maps.event.addListener(rect, 'mousemove', function(event) {
      if(rect.getMap() == map) {
        rect.setBounds(toBounds(pt1, event.latLng));
      }
    });
  }

HTML

<textarea id="selectedBounds" cols="60" rows="4"></textarea>
<div id="map_canvas"></div>​
于 2012-06-09T01:09:25.290 回答
0

这是另一个与反经络没有问题的类似工具：http: //maps.forum.nu/gm_drag_polygon.html

马塞洛。

于 2012-06-09T07:26:02.420 回答