Карты Google v3: проверьте, существует ли точка в многоугольнике

Question

Я ищу способ проверить, существует ли точка внутри многоугольника в Google Maps v3 (JavaScript).Я искал повсюду, и единственные решения, которые я нашел до сих пор, были связаны с получением границ многоугольника, но показанный код, кажется, просто создает прямоугольник и продолжает расширять его площадь поверхности, чтобы включить все соответствующие точки.

Кстати, причина, по которой я не могу просто использовать большой квадрат, то есть получить границы многоугольников, заключается в том, что у меня есть ограничивающие многоугольники на карте, и они не могут расширяться на территории друг друга.

РЕДАКТИРОВАТЬ Исходя из ответа ниже, я попытался реализовать пример кода, используя один из моих существующих полигонов, но он просто говорит, что он не определен, и я не могу понять, почему.

Вотмое объявление:

myCoordinates = [
    new google.maps.LatLng(0.457301,-0.597382),
    new google.maps.LatLng(0.475153,-0.569916),
    new google.maps.LatLng(0.494379,-0.563049),
    new google.maps.LatLng(0.506738,-0.553436),
    new google.maps.LatLng(0.520470,-0.541077),
    new google.maps.LatLng(0.531456,-0.536957),
    new google.maps.LatLng(0.556174,-0.552063),
    new google.maps.LatLng(0.536949,-0.596008),
    new google.maps.LatLng(0.503991,-0.612488),
    new google.maps.LatLng(0.473780,-0.612488) ];

polyOptions = { 
    path: myCoordinates,
    strokeColor: "#FF0000",
    strokeOpacity: 0.8,
    strokeWeight: 2,
    fillColor: "#0000FF",
    fillOpacity: 0.6 };

var rightShoulderFront = new google.maps.Polygon(polyOptions);
rightShoulderFront.setMap(map);

и вот где я проверяю точку:

var coordinate = selectedmarker.getPosition();
var isWithinPolygon = rightShoulderFront.containsLatLng(coordinate);
console.log(isWithinPolygon);

Но он продолжает выдавать ошибку: Uncaught ReferenceError: rightShoulderFront не определено

Answer 1

Один алгоритм для решения этой проблемы - приведение лучей.См. Объяснение здесь .

И вы можете найти код, реализующий это для API Карт Google JS V3 здесь .

HTH.

Answer 2

Вы можете сделать это довольно просто с помощью библиотеки геометрии карт Google.

Сначала обязательно добавьте библиотеку геометрии карт Google.

<script type="text/javascript" src="//maps.googleapis.com/maps/api/js?libraries=geometry&sensor=false"></script>

Затем определите свой полигон

var rightShoulderFront = new google.maps.Polygon({
            paths: myCoordinates
        });
rightShoulderFront .setMap(map);

Я собираюсь добавить прослушиватель событий для обработки события «щелчка», но вы можете адаптироваться к вашим потребностям

google.maps.event.addListener(rightShoulderFront , 'click', isWithinPoly);

Создайте функцию для обработки нашего события щелчка, чтобы проверить, существует ли координата внутри многоугольника, используя библиотеку геометрии Google

/** @this {google.maps.Polygon} */
function isWithinPoly(event){
   var isWithinPolygon = google.maps.geometry.poly.containsLocation(event.latLng, this);
    console.log(isWithinPolygon);
}

Answer 3

У вас есть очень хороший пример из containsLocation() метода в документации Google Maps API.

Answer 4

Вам следует взглянуть на библиотеку Gmaps.js . У него довольно простой метод геозоны.

Answer 5

Пример и реализация не учитывают, что многоугольник может пересекать границу 180 градусов.

Реализация учитывает это (неявно) в проверке ограничивающего прямоугольника, но проверка многоугольника завершается неудачей.

Answer 6

Я использовал то же самое и работал нормально, и его автономный код Я написал этот код на PHP, вы можете написать его на любом языке программирования.

class pointLocation {
    var $pointOnVertex = true; // Check if the point sits exactly on one of the vertices?

    function pointLocation() {
    }

    function pointInPolygon($point, $polygon, $pointOnVertex = true) {
        $this->pointOnVertex = $pointOnVertex;

        // Transform string coordinates into arrays with x and y values
        $point = $this->pointStringToCoordinates($point);
        $vertices = array(); 
        foreach ($polygon as $vertex) {
            $vertices[] = $this->pointStringToCoordinates($vertex); 
        }

        // Check if the point sits exactly on a vertex
        if ($this->pointOnVertex == true and $this->pointOnVertex($point, $vertices) == true) {
            return "vertex";
        }

        // Check if the point is inside the polygon or on the boundary
        $intersections = 0; 
        $vertices_count = count($vertices);

        for ($i=1; $i < $vertices_count; $i++) {
            $vertex1 = $vertices[$i-1]; 
            $vertex2 = $vertices[$i];
            if ($vertex1['y'] == $vertex2['y'] and $vertex1['y'] == $point['y'] and $point['x'] > min($vertex1['x'], $vertex2['x']) and $point['x'] < max($vertex1['x'], $vertex2['x'])) { // Check if point is on an horizontal polygon boundary
                return "boundary";
            }
            if ($point['y'] > min($vertex1['y'], $vertex2['y']) and $point['y'] <= max($vertex1['y'], $vertex2['y']) and $point['x'] <= max($vertex1['x'], $vertex2['x']) and $vertex1['y'] != $vertex2['y']) { 
                $xinters = ($point['y'] - $vertex1['y']) * ($vertex2['x'] - $vertex1['x']) / ($vertex2['y'] - $vertex1['y']) + $vertex1['x']; 
                if ($xinters == $point['x']) { // Check if point is on the polygon boundary (other than horizontal)
                    return "boundary";
                }
                if ($vertex1['x'] == $vertex2['x'] || $point['x'] <= $xinters) {
                    $intersections++; 
                }
            } 
        } 
        // If the number of edges we passed through is odd, then it's in the polygon. 
        if ($intersections % 2 != 0) {
            return "inside";
        } else {
            return "outside";
        }
    }

    function pointOnVertex($point, $vertices) {
        foreach($vertices as $vertex) {
            if ($point == $vertex) {
                return true;
            }
        }

    }

    function pointStringToCoordinates($pointString) {
        $coordinates = explode(" ", $pointString);
        return array("x" => $coordinates[0], "y" => $coordinates[1]);
    }

}

$pointLocation = new pointLocation();
$points = array("22.732965336387213 75.8609390258789");
$polygon = array("22.73549852921309 75.85424423217773","22.72346544538196 75.85561752319336","22.72346544538196 75.87175369262695","22.732332030848273 75.87295532226562","22.740406456758326 75.8686637878418","22.74198962160603 75.85407257080078");
echo '<pre>';
print_r($polygon);
// The last point's coordinates must be the same as the first one's, to "close the loop"
foreach($points as $key => $point) {
    echo "point " . ($key+1) . " ($point): " . $pointLocation->pointInPolygon($point, $polygon) . "<br>";
}

?>

Answer 7

var coordinate = new google.maps.LatLng(0.457301,-0.597382);//replace with your lat and lng values
var isWithinPolygon = google.maps.geometry.poly.containsLocation(coordinate, yourPolygon);

Не забудьте включить библиотеку в ваш скрипт googleapis. Подробнее ...

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=geometry"></script>