OpenLayers 3是一个开源的JavaScript库,用于在Web浏览器中创建交互式地图应用程序。它提供了丰富的地图功能和工具,包括绘制图形、测量距离、标记地点等。
要在多边形中绘制后获取多边形点,可以按照以下步骤进行操作:
<script src="https://cdn.jsdelivr.net/npm/ol@3.20.1/dist/ol.js"></script>
<div id="map" style="width: 100%; height: 400px;"></div>
var map = new ol.Map({
target: 'map',
layers: [
new ol.layer.Tile({
source: new ol.source.OSM()
})
],
view: new ol.View({
center: ol.proj.fromLonLat([0, 0]),
zoom: 2
})
});
var source = new ol.source.Vector();
var draw = new ol.interaction.Draw({
source: source,
type: 'Polygon'
});
map.addInteraction(draw);
draw.on('drawend', function(event) {
var feature = event.feature;
var geometry = feature.getGeometry();
var coordinates = geometry.getCoordinates()[0]; // 获取多边形的第一个环的坐标数组
console.log(coordinates);
});
以上代码中,我们使用OpenLayers 3创建了一个地图,并添加了一个绘制工具。当绘制完成后,通过监听drawend
事件获取绘制的多边形要素,然后从要素中获取多边形的几何对象,并通过getCoordinates()
方法获取多边形的坐标数组。注意,多边形的坐标数组是一个二维数组,第一个元素表示多边形的外环,后续元素表示内环(如果有)。
关于OpenLayers 3的更多详细信息和示例,您可以参考腾讯云的地图服务产品腾讯位置服务(Tencent Map Service)。
领取专属 10元无门槛券
手把手带您无忧上云