OpenLayers – Checking if Point is Inside Polygon Using JavaScript

javascriptopenlayers

When I am adding a point to my web map I want to give it a letter that represents the area where the point is, so I need to know what area the point is in.
In OpenLayers 2 I did it like this:
areas[i].geometry.containsPoint(point) —> returns true if it does.

Is there anything like this in OL3?

I searched in the OL3 API but didn't find it.

Best Answer

You can use yourVectorLayer.getSource().getFeaturesAtCoordinate(point). The result is an array, if its length > 0 then the point is inside, otherwise it's not.

Related Solutions

[GIS] How to indicate polygon vertices with small circles using OpenLayers

The kind OL3 devs have provided the answer on the GitHub issue list. You basically use a style's geometry function, that transforms the geometry before projecting it - and in that function, you add your vertices to a MultiPoint geometry. @tsauerwein went as far as creating a working fiddle - many thanks to him for his work.

var styleFunction = function() {
  var image = new ol.style.Circle({
    radius: 5,
    fill: null,
    stroke: new ol.style.Stroke({color: 'orange', width: 2})
  });
  return [
      new ol.style.Style({
          image: image,
          geometry: function(feature) {
              var coordinates = feature.getGeometry().getCoordinates()[0];
              return new ol.geom.MultiPoint(coordinates);
          }
      }),
      new ol.style.Style({
        stroke: new ol.style.Stroke({
          color: 'blue',
          width: 3
        }),
        fill: new ol.style.Fill({
          color: 'rgba(0, 0, 255, 0.1)'
        })
      })
  ];
};

[GIS] Pan Panel for ol3

You could add a custom control

http://openlayers.org/en/v3.10.0/examples/custom-controls.html

or even just some simple buttons to realize that.

You can calculcate the bounds and the center and take these coordinates to pan the map to the left,right,top,bottom.

Here is a jsfiddle:

http://jsfiddle.net/expedio/hLzm22um/

Best Answer

Related Solutions

[GIS] How to indicate polygon vertices with small circles using OpenLayers

[GIS] Pan Panel for ol3

Related Question