gpt4 book ai didi

javascript - 停止使用 openlayers 5.3.0 在多边形中添加点

转载 作者:行者123 更新时间:2023-11-30 14:05:11 25 4
gpt4 key购买 nike

在我的网页中,用户可以绘制一个多边形,然后对其进行修改。但是,我只想允许用户拖放绘制的 Angular ,而不是在修改多边形时将新点添加到多边形中。

在下面的例子中,我创建了一个有四个 Angular 的多边形,并希望在修改过程中保留四个 Angular (只拖动 Angular )。

我认为我们应该在 modify 函数中使用 condition,但不确定如何找出单击多边形的 Angular 或边之间的区别。

<!DOCTYPE html>
<html>
<head>
<title>Draw Features</title>
<link rel="stylesheet" href="https://openlayers.org/en/v5.3.0/css/ol.css" type="text/css">
<script src="https://cdn.rawgit.com/openlayers/openlayers.github.io/master/en/v5.3.0/build/ol.js"></script>
</head>
<body>
<div id="map" class="map"></div>
<script>
var raster = new ol.layer.Tile({
source: new ol.source.OSM()
});


var source = new ol.source.Vector({wrapX: false});
var offset = 1000000;
var ply = new ol.geom.Polygon([[
[-11000000 - offset, 4600000 - offset],
[-11000000 + offset, 4600000 - offset],
[-11000000 + offset, 4600000 + offset],
[-11000000 - offset, 4600000 + offset]]]);
var feature = new ol.Feature(ply);
source.addFeatures([feature]);
var vector = new ol.layer.Vector({
source: source
});

var map = new ol.Map({
layers: [raster, vector],
target: 'map',
view: new ol.View({
center: [-11000000, 4600000],
zoom: 4
})
});

var modify = new ol.interaction.Modify({source: source})
map.addInteraction(modify);
</script>
</body>
</html>

最佳答案

 var modify = new ol.interaction.Modify({
source: source,
insertVertexCondition: ol.events.condition.never
});

关于javascript - 停止使用 openlayers 5.3.0 在多边形中添加点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55567610/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com