LatLngBounds - comment obtenir SW et NE points

Il y A longtemps, j'ai écrit une "fenêtre de Zoom" que j'ai adapté à votre utilisation. C'est juste la carte et le rectangle auditeurs.

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

pour voir le code:

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

À utiliser, le zoom et pan manuellement sur votre île. L'ensemble de la zone que vous souhaitez sélectionner doit être visible sur l'écran.

Puis cliquez une fois pour définir un rectangle de coin. Déplacez la souris vers le coin diagonalement opposé. (Un rectangle de sélection s'affiche). Cliquez sur nouveau pour définir la zone rectangulaire. La zone de texte ci-dessus la carte devrait vous donner sélectionnés LatLngBounds avec SW et NE points.

Il n'a tout simplement pas se comporter comme prévu lors de la tentative de contenir la Ligne de changement de Date.

  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>​

OriginalL'auteur Tina CG Hoehr