Comment détecter qu'un point est à l'intérieur d'un Polygone à l'aide de Google Maps?

Vous pouvez l'utiliser dans google map V3:-

google.maps.geometry.poly.containsLocation(google.maps.LatLng(latitude, longitude),polygons);

polygones d'un objet retourné par la fonction après polygoncomplete.

var polygons=null;
google.maps.event.addDomListener(drawingManager, "polygoncomplete", function(polygon) {
        polygons=polygon;
});

de référence par https://developers.google.com/maps/documentation/javascript/reference

OriginalL'auteur swapnil udare

J'ai utilisé cet algorithme pour détecter que le point est à l'intérieur du polygone : http://alienryderflex.com/polygon/

J'ai ajouté une nouvelle méthode contains à l'intérieur du Polygone :

//Add a function contains(point) to the Google Maps API v.3

google.maps.Polygon.prototype.contains = function(point) {
  var j=0;
  var oddNodes = false;
  var x = point.lng();
  var y = point.lat();

  var paths = this.getPath();

  for (var i=0; i < paths.getLength(); i++) {
    j++;
    if (j == paths.getLength()) {j = 0;}
    if (((paths.getAt(i).lat() < y) && (paths.getAt(j).lat() >= y))
    || ((paths.getAt(j).lat() < y) && (paths.getAt(i).lat() >= y))) {
      if ( paths.getAt(i).lng() + (y - paths.getAt(i).lat())
      /  (paths.getAt(j).lat()-paths.getAt(i).lat())
      *  (paths.getAt(j).lng() - paths.getAt(i).lng())<x ) {
        oddNodes = !oddNodes
      }
    }
  }
  return oddNodes;
}

google.maps.Polyline.prototype.contains = google.maps.Polygon.prototype.contains;

OriginalL'auteur Natim

Pas besoin d'algorithmes complexes, j'ai été en mesure de réaliser cela à l'aide de isPointInPath() la méthode de canvas html.

http://www.w3schools.com/tags/canvas_ispointinpath.asp

Créer un élément canvas.
Dessine un polygone avec de multiples points d'extrémité à l'aide de moveTo(),lineTo() méthodes.
Vérifier si un point(x,y) se trouve à l'intérieur du polygone à l'aide de isPointInPath() la méthode.

<canvas id="canvas"></canvas>

//x,y are coordinate of the point that needs to be tested
//coordinates contains all endpoint of a polygon in format of x1,y1,x2,y2,x3,y3....
function isPointInPolygon(x, y, coordinates) {
var ctx = canvas.getContext("2d");
var coords = coordinates.split(',');

if (coords != null && coords.length > 4) {
    ctx.beginPath();
    ctx.moveTo(coords[0], coords[1]);
    for (j = 2; j < coords.length; j++) {
        ctx.lineTo(coords[j], coords[j + 1]);
        j++;
    }
    ctx.closePath();
    if (ctx.isPointInPath(x, y))
        return true;
    else
        return false;
}
return false;
}

OriginalL'auteur love kumar