当前位置：首页 > news >正文

openlayers4判断一个点是否在闭合图形的内部

news 来源：原创 2024/5/15 12:07:16

在opanlayers4官方API已经有一个方法：intersectsCoordinate(coordinate)，用于判断一个点coordinate是否在闭合图形的内部，返回值为布尔类型的，true表示点在多边形的内部，false表示点不在多边形的内部。
首先获得将要判断的几何元素信息，接下来获取坐标点的位置，然后调用API中的方法intersectsCoordinate进行判断，有两种处理方法：

第一种：
详细代码如下所示：（下面的代码仅支持鼠标点击获取地图上的要素，获取鼠标点的位置）

var geo = feature.getGeometry();//feture是几何元素
var isIn = geo.intersectsCoordinate(coordinate);
if(isIn) {
    console.log("该mark点在当前几何元素里。");
}

首先获得将要判断的几何元素信息（用getGeometry()方法取得），接下来获取坐标点的位置，然后调用API中的方法intersectsCoordinate进行判断，如果coordinate在多边形的内部，输出”该mark点在当前几何元素里。”

第二种
详细代码如下所示：（给出一个坐标点可以判断在不在多边形的内部，在的话，在哪个多边形的内部）

var feature1 = imageLayer1.getSource().getFeatures();//获取图层要素信息
var feature2 = imageLayer2.getSource().getFeatures();
var feature3 = imageLayer3.getSource().getFeatures();
var feature4 = imageLayer4.getSource().getFeatures();
var feature5 = imageLayer5.getSource().getFeatures();
array_feature.push(feature1);
array_feature.push(feature2);
array_feature.push(feature3);
array_feature.push(feature4);
array_feature.push(feature5);
for(var i=0;i<array_feature.length;i++){//循环遍历每个图层要素，分别调用intersectsCoordinate判断是否在多边形内
    if(array_feature[i][0].O.geometry.intersectsCoordinate(lonlat_arr)){
        console.log(array_feature[i][0].O.GNQ);
        /*下面是以弹框形式出现坐标点属于第几功能区*/
        result_popuptitle.innerHTML = "功能区信息";
        result_content.innerHTML = "<table class='popuptable' cellspacing='0'>" +
            "<tbody>" +
            "<tr>" +
            "<td width='260px' align='center'>功能区类型</td>" +
            "<td width='150px' align='center'>" + array_feature[i][0].O.GNQ + "类</td>" +
            "</tr>" +
            "</tbody>" +
            "</table>";
            $(".ol-popup").css("display", "block");
        result_overlay.setPosition(lonlat_arr);
    }
}