地理围栏功能 - 带有开放图层的开放街道地图

Question

地理围栏 - 我是 OS 的初学者 MAPS.We 正计划开发用户定义的围栏，当用户在地图上点击他自己选择的点时，它应该与一条线连接，最后出现到最后一点循环应该关闭。

为了实现这一点，我们在完成多边形后使用矢量图层绘制 polygon.Now。 a）我们如何获得绘制多边形的坐标（纬度，经度）值。 b)还有如何从数据库中加载并使用保存的坐标绘制相同的栅栏。

任何人都可以针对上述问题提出一些解决方案。

Answer 1

部分答案，实际上，我认为您应该将 b) 部分 拆分为另一个问题，因为它提出了 Openlayers 范围之外的许多问题，例如：PHP, 数据库。所以a)部分:

draw.on('drawend', function(evt){
    var feature = evt.feature;
    var geom = feature.getGeometry();
    var coords = geom.getCoordinates();
    console.info(coords);
    if(geom instanceof ol.geom.Polygon){
        coords[0].forEach(function(each){
            var formated = ol.coordinate.toStringXY(each, 2);
            //just to visualize
            element_coords.innerHTML += formated + '<br>';
        });
    }
});

Your Fiddle updated.

地理围栏功能 - 带有开放图层的开放街道地图

Geofencing feature - Open Street Maps with Open layers

javascript

php

jquery

openlayers-3