如何从Modify交互组件中删除OpenLayer LineString中的点(用于单击要删除的点)
要从Modify交互组件中删除OpenLayer LineString中的点，通常涉及到以下几个步骤：
基础概念
- OpenLayers: 一个开源的JavaScript库，用于在网页上显示地图和地理数据。
- Modify交互组件: OpenLayers中的一个交互控件，允许用户修改地图上的几何对象（如点、线、多边形）。
- LineString: 一种表示由一系列点组成的线的几何对象。
相关优势
- 灵活性: 用户可以直观地在地图上修改几何对象，无需编程知识。
- 实时反馈: 修改操作会实时反映在地图上，便于用户理解和调整。
类型
- 点删除: 用户可以通过单击来删除LineString中的特定点。
- 线段拖动: 用户可以拖动线段的端点或中间点来改变线的形状。
应用场景
- 地图编辑: 在地图编辑应用中，允许用户直接在地图上修改地理数据。
- 数据可视化: 在数据可视化应用中，允许用户通过交互来调整数据的显示。
实现步骤
- 初始化地图和Modify控件:
- 初始化地图和Modify控件:
- 添加LineString并实现点删除:
- 添加LineString并实现点删除:
遇到的问题及解决方法
- 点删除不生效: 确保
modify.on('modifyend', ...)事件监听器正确绑定，并且在事件处理函数中正确处理了点的删除逻辑。 - 地图刷新问题: 确保地图和图层的初始化代码正确无误，避免重复初始化导致的问题。
参考链接
通过以上步骤，你可以实现从Modify交互组件中删除OpenLayer LineString中的点。
相关·内容
1回答
我想使用开放式图层绘制方法来绘制虚线和直线。在这种方法中，有一个用于绘制直线的LineString选项，但我找不到用于绘制虚线的选项。所以我的目标是设计LineString的样式并画一条虚线。但问题是，这种方法也会影响直线样式，即使我将它们放在不同的层中。 import map from "./main.js";
const lineString = document.querySelector("#lineString");
const lineDashed = document.querySelector("#lineDashed");
l
浏览 18提问于2021-08-20得票数 1
回答已采纳
双击引发'drawend‘后，是否可以从LineString的最后一点继续绘图？我在网上找到的每一个例子都是从头开始的。
浏览 0提问于2017-08-23得票数 3
背景
我使用Openlayer 6，其中我有一个Feature<LineString>，我想简化它。
解决方案显示多个Feature<LineString>，每个velocities具有一个属性。速度列表对应于特征的坐标1到-1.
问题
是否有一种方法可以通过使用Douglas算法通过例如Feature<LineString>简化simplify()来简化坐标和相应的属性(例如velocities )
浏览 2提问于2021-02-10得票数 0
回答已采纳
1回答
我正在使用Openlayers 3。我制作了一个html文件，它可以在离线模式下打开一个国家的地图，并允许用户在上面绘制图像/线段和多边形。我的问题是，当我改变我想要在地图上插入的图像时，它也会绘制地图上的其他点，我不明白为什么，有什么想法吗？
<!DOCTYPE html>
<html>
<head>
<script src="jquery-1.11.2.min.js"></script>
<link rel="stylesheet" href="bootstrap.mi
浏览 0提问于2015-07-28得票数 0
我在opanlayer 2版本中使用了Zoombox和导航，它非常easy.But，我不知道如何在openlayer 3 version.Please help me.For Sample 中使用zoombox和导航
浏览 1提问于2015-03-18得票数 0
1回答
我创建了一个行字符串，它使用了下面的openlayers：-
$.each(coords, function(a){
console.log("entered coords:"+coords[a][0]+"//"+coords[a][1]);
webcentre.lat = coords[a][0];
webcentre.lon = coords[a][1];
mapref.panTo(webcentre
浏览 3提问于2016-12-26得票数 0
回答已采纳
我有一个Openlayer的问题。
我正在尝试从一些对象中获得一堆点。我相信这应该不难。
我正在将st_astext传递给WKT阅读器，以创建一个Openlayers.Geometry.Point()功能，以添加到包含所有行的初始层。但这似乎并不管用。有没有人知道我做错了什么？
//Routes for each bridge?
vesselPosition = new OpenLayers.Layer.Vector('Vessels');
var wkt = new OpenLayers.Format.WKT();
$.ajax({
url: "/ajax
浏览 0提问于2012-12-06得票数 0
回答已采纳
1回答
使用下面的代码，我得到了我想要的结果，即我在给定的纬度、经度上得到了折线。
<html>
<head>
<title>OpenLayers Example</title>
<script src="http://openlayers.org/api/OpenLayers.js"></script>
</head>
<body>
<div style="width:100%; heig
浏览 2提问于2014-06-04得票数 0
回答已采纳
我有一个视图，这是和标记列表。此列表显示在我的地图旁边。
我有一个onclick事件，当有人单击列表中的标记名称时会触发该事件。
在这个onclick事件中，我需要与地图进行交互。
我正在尝试获取地图上的某个图层。如何在此事件中与openlayer地图进行交互？
app.MarkerListView = Backbone.View.extend({
el: $( '#markerListPanel'),
initialize: function(){
//event setup
$('#markerlist').on('click&
浏览 0提问于2013-02-28得票数 0
1回答
目前，我正在使用openLayer3应用程序接口开发该程序。下面的源代码中的输入值使用从用户单击的数据。用户点击Lat-Lon like: start = 31.032741,119.211365 end = 32.032741，31.032741,119.211365。
但是，我不想从用户接收输入值，而是希望从服务器接收数组格式的数据，并立即显示它。例如
Map.addInteraction(新的ol.interaction.Draw({ <--这部分似乎正在接收用户输入数据。map.addLayer( <--这似乎是一种解决方案，但这只是我的猜测。
如果可能，请让我知道详细，但
浏览 0提问于2017-03-14得票数 0
1回答
我已经调整了和每当我切换从点到LineString或多边形绘图模式，它是正确的工作只有第一次，但未能切换超过时间。
F.I. I在使用LineString后无法回到绘图点(它继续为我绘制LineString，但是日志打印该绘图工具是Point)
我的html按钮在模态中：
<div class="modal-body row">
<div class="col-xs-12 col-sm-3">
<a id="Point" href="#" class="draw btn
浏览 3提问于2016-12-05得票数 0
回答已采纳
在Leaflet 0.7中，此代码使所有行字符串都无法单击：
var highlightLayer;
function highlightFeature(e) {highlightLayer = e.target;
if (e.target.feature.geometry.type === 'LineString') {highlightLayer.setStyle({clickable: false});
}else...
这个- clickable: false -在传单1中不起作用。现在如何制作不可点击的线串？
浏览 0提问于2017-02-18得票数 1
如果你在openlayers中创建一个linestring，那么当你沿着一个linestring的片段悬停时，在用户悬停的地方会弹出一个标记。
浏览 6提问于2012-10-08得票数 0
2回答
我在下面的代码中如何沿着地图的路径绘制折线，知道对于地图中存在的点，只会给出直线如何沿着车道的路径移动
<!DOCTYPE html>
<html>
<head>
<title>Rotation example</title>
</head>
<body>
<div style="width:80%; height:80%; position:fixed; border: 1px solid;" id="map"&g
浏览 5提问于2015-12-22得票数 0
在我的OpenLayers3地图中，我可以轻松地创建点或线串。当我修改线串时，我可以设置modify交互，使其能够在按住shift键的同时单击以删除顶点。然后我在(‘change’)事件上得到一个关于linestring功能的回调。
对于点，我没有得到这样的回调，事实上，按住shift键并单击并不会删除点。
我引用了这个例子：
现在我想了想，我真正想要做的是有一个选择交互，当用户按住shift键并单击某个点时，该点将被删除。
还有没有人解决了这个问题？
谢谢
--我更新了我的应用程序，使其具有用于删除的选择处理程序；现在我遇到了一个问题，即选择是在单击时发生的，即使我指定它应该在按住shift
浏览 67提问于2015-03-05得票数 0
我试着理解什么是什么，但我有点困惑：
OpenStreetMap可以免费使用地图。用于此映射的可能的API是：
-OpenLayer
-MapQuest
为什么OpenLayer在OpenLayer示例中使用MapQuest代码：
<script type="text/javascript">
var map = new ol.Map({
target: 'map',
layers: [
new ol.layer.Tile({
source: new ol
浏览 4提问于2015-01-09得票数 2
回答已采纳
2回答
我正在执行maplayer切换功能，但当我切换层时，选中的功能并未被取消选中。我可以知道如何在openlayer 3中取消选择某个功能吗？
$("#show-field-map").click(function(event) {
map.removeLayer(subbasinJsonp);
map.addLayer(fieldJsonp);
$('#show-subbasin-map').attr("disabled", false);
$('#show-field-map').attr("
浏览 5提问于2016-10-03得票数 1
2回答
我试图将一个点插入到一个LineString上，然后相应地分割这个行串。然而，由于精度误差，Shapely认为插值点不在linestring上，因此split操作不能工作。
下面是一个示例：
from shapely.ops import split
from shapely.geometry import LineString, Point
### Initialize point and line
line = LineString([(0.123,0.456),(5.678,7.890),(12.135,6.789)])
point = Point(4.785,8.382)
浏览 1提问于2018-05-05得票数 8
回答已采纳
我正在对地图使用openLayer3和osm，现在正在尝试在地图上绘制折线
1:多段线未显示，而且我在browser has ReferenceError中收到错误:未定义OpenLayers
以下代码如下：
<!DOCTYPE html>
<html>
<head>
<title>Rotation example</title>
</head>
<body>
<div id="map" class="map"></div>
<script
浏览 3提问于2015-12-22得票数 2
回答已采纳
Linestring1 = LINESTRING (51.2176008 4.4177154, 51.21758 4.4178548, **51.2175729 4.4179023**, *51.21745162000732 4.41871738126533*)
Linestring2 = LINESTRING (*51.21745162000732 4.41871738126533*, **51.2174025 4.4190475**, 51.217338 4.4194807, 51.2172511 4.4200562, 51.2172411 4.4201077, 51.2172246 4.
浏览 6提问于2020-05-15得票数 12
回答已采纳
我已经在地图上生成了并行lineString，在修改了上找到的参考链接后，使用了对开放层v5.2中不同宽度笔划的单个特征对象的样式几何选项。
在样式函数中使用带有调用函数的几何学时，我不会获得样式的单击事件上的几何图形。为此，我去掉了调用函数，并给出了固定的分辨率与距离的平行。
所以现在在‘单挑’事件，我可以得到所有的风格和几何特征。但在map.on('singleclick',function(event){})....How内部，可以区分单击哪条线或几何图形。
我试着点击事件点是否与线相交，但没有成功，然后我在这里了解到，问题是我点击的是笔画，而不是在线，因为点击事件像素点
浏览 2提问于2018-09-08得票数 0
我开始学习OpenLayers 3，在示例的基础上，我想在下拉菜单中添加None选项。
我增加了选项：
<select name="draw-type" id="draw-type">
<option value="None">None</option>
<option value="Point">Point</option>
<option value="LineString">LineString</opt
浏览 2提问于2016-02-14得票数 1
谷歌最近在那里修改了移动行为地图。现在在手机上，你可以用两个手指移动地图。(请参阅手机上的示例，而不是使用任何浏览器模拟器！)。
我想在openlayer中实现同样的功能。检测移动设备(例如)，禁用不是问题，但我如何编写自己的来使用两个手指？
我查看了，但没有找到任何示例，从哪里开始。
浏览 0提问于2017-03-14得票数 6
我正在开发谷歌地图和OpenLayers4之间的集成，我的工作基于。
我的问题是，在ol3和ol4.4.2之间的某个地方，change:resolution事件的行为发生了变化。以前的这段代码
view.on('change:resolution', () => {
console.log(view.getZoom())
})
在每次鼠标滚轮旋转时仅调用一次，并记录(例如)：
5
现在它会产生类似这样的结果：
4.017277252772164
4.08563754449778
4.152661471658049
4.522609511830051
4.691
浏览 2提问于2017-10-20得票数 4
1回答
如果您运行此演示并单击“在子级中修改”，则文本将更新。但是如果你点击“修改顶层到插槽”，那么它不会被更新，并且在点击它之后，点击其他按钮不再起作用。
如何更新插槽的顶级属性？例如布尔值或字符串。直接在子进程中做是可行的，但是我不能通过槽来做。
如果子数据包含一个对象，我可以通过插槽修改该数据对象的子属性(请参阅编辑之前的原始问题版本以了解该问题的演示)，但不能修改顶级属性。
const Child = {
template: `<div>
{{ object }}
<slot name="named" v-bin
浏览 4提问于2020-04-20得票数 1
下面的问题:我用OpenLayers.Geometry.LineString在一个矢量层中画了一条线。使用Openlayer SelectFeature，我想选择这一行。但这仅限于起始点和终结点。这是openlayer源代码中的一个bug吗？
这是我的例子:单击蓝色粗线不起作用。
<html>
<head>
<title>OpenLayers Example</title>
<script src="http://www.openlayers.org/api/OpenLayers.js"
浏览 1提问于2012-01-06得票数 0
我有一个类似下面的代码片段：
map.getViewport().addEventListener('contextmenu', function (e) {
e.preventDefault();
console.log(e.x);
openContextMenu(e.x, e.y);
});
基本上，我正在尝试将上下文菜单添加到openlayer地图中。但一种奇怪的行为正在发生。当我右键单击时，事件侦听器被抛出多个no。很多次。也就是说，在上面的代码中，只需在地图上单击鼠标右键，cons
浏览 9提问于2017-05-05得票数 0
1回答
为了设计目的，我尝试使用链接(在mrkdwn中)来工作类似于按钮(可以更好地与文本集成)。因此，当用户单击该链接时，我希望它触发一个操作或斜杠命令(以及auth数据)，以便打开一个显示更多信息的对话框。
我想知道是否有任何方法来实现这一点，或者我们是否可以为一个斜杠命令创建一个链接。
浏览 9提问于2021-12-10得票数 0
回答已采纳
在我的基于Openlayer的地图应用程序中，我想让用户能够使用自定义组合键执行操作。
如何做到这一点？我需要使用ol.interaction.Interaction吗？
浏览 31提问于2018-06-09得票数 -1
我目前正在将我的OpenLayers 2地图视图升级到OpenLayers 3。我真的很喜欢新的OpenLayers客户端，但我想禁用在移动设备上旋转地图的功能(用两个手指旋转)。
但我找不到这方面的任何设置。这是不可能的吗?还是我只是愚蠢地去寻找设置？
我使用的是openlayer javascript客户端的当前发布版本(3.0.0)。()
浏览 1提问于2014-09-04得票数 12
回答已采纳
3回答
在图标的点击事件中，我使用状态打开和关闭一个层。当我从单击处理程序调用_onOpenLayer()时，什么都不会发生。
以前，我直接从图标onClick={this._onOpenLayer()}调用方法，这确实打开了层，但是如果由于不允许调用rednder()中的方法而冻结了UI。
因此，我在调用open之前找到了一个的解决方案，如下所示。但是，单击图标不会打开图层，因为会发生以下更改：
onClick={() => this._onOpenLayer()}
为了进一步调试这一点，我在console.log方法中放置了一个_onOpenLayer()，我可以看到它没有被点击图标。
问
浏览 1提问于2016-09-29得票数 0
回答已采纳
我使用openlayer创建了一个地图，并创建了一个缩放值数组，缩放值以十进制表示(例如：0.2，1.13，2.15，3.45，4.23，5.14。现在，当我使用鼠标滚轮来放大或缩小地图时，缩放值会以整数形式变化(例如，1到2或1到0)。我希望缩放值更改为数组中的值。我如何才能做到这一点？
这是我的地图代码：
<code>A0</code>
我已经实现了我自己的增量和减量缩放级别函数：
<code>A1</code>
因此，如果我能找到openlayer的任何滚动事件侦听器，那么我就可以调用这些函数并更改值，但我找不到任何这样的侦听器。
浏览 126提问于2020-07-31得票数 0
1回答
我正在开发一个网络应用程序，允许用户上传他们的图像，他们被修改，然后显示在网页上。Dropzonejs用于允许用户拖放和预览他们的图像。理想的设计将是一个拖放区域在网站的一边，而修改后的图像在另一边，一旦用户单击适当的按钮。我是新来的酒瓶，我不知道什么是最好的方式是实现这个目标。这是我到目前为止所拥有的。
以下是/static文件夹中的Javascript函数，该文件夹负责负责修改图像的一个按钮。
$('#modify1').click(function() {
$.ajax({
type: "POST",
url: "/transp
浏览 0提问于2019-08-20得票数 0
回答已采纳
我有一组LineStrings，它与其他LineStrings相交，我想在这些交点将LineString分割成不同的段。我有一个解决办法，但我不认为这是最好的方法。
假设我们处理的是一个LineString：
>>> import shapely
>>> from shapely.geometry import *
>>> import geopandas as gpd
>>>
>>> MyLine=LineString([(0,0),(5,0),(10,3)])
>>> MyLine
浏览 5提问于2016-01-12得票数 8
回答已采纳
我想通过Talend工具与Windows注册表进行交互。
作为交互操作，我的意思是搜索、插入、更新、循环一个条目列表并删除一些键和值。
我在企业版中使用Talend数据集成工具(TIS)，但欢迎开放源码版本(TOS)。
有什么建议吗？
非常感谢
托马斯
浏览 6提问于2017-12-06得票数 0
回答已采纳
我正在使用MapBox SDK。我遇到了一个问题。我正在尝试创建一条避免某些区域的路径，这些区域在地图上被表示为多边形。我想检查一下我的LineString是否会交叉一个多边形。我已经看到了一个外部()方法，它将多边形的周长作为一个LineString，但是我不知道如何继续。
我需要找到一种方法来给我一个布尔值，不管我的LineString路径是否会与周边相交，这意味着我将能够找到另一条路由。
任何帮助都是非常感谢的。
浏览 6提问于2021-12-08得票数 1
使用多个带M和Z的有序线条几何图形上的联合聚合，但是最终的结果是忽略了那些Z和M值。我也试过使用地理信息，但没有运气。
查询测试
create table #test
(shape geometry)
insert into #test(shape)
values (geometry::STGeomFromText('LINESTRING (-89.831404 29.869888 2.5 28.58, -89.835404 29.869892 2.5 30.13)', 4269)), (geometry::STGeomFromText('LINESTRING (-
浏览 4提问于2019-12-11得票数 0
回答已采纳
我有飓风跟踪点，我在QGIS中将其转换为线： https://i.imgur.com/PUOTpsi.png https://i.imgur.com/5cbCdX2.png 我已经将它们保存为shapefile，并使用sf包将它们加载到R中。这些点将使用标准的plot()函数进行绘制，但直线不会。 我遇到错误： plot(hurricane_paths)
Error in CPL_geos_is_empty(st_geometry(x)) :
Evaluation error: IllegalArgumentException: point array must contain
浏览 72提问于2019-10-16得票数 3
回答已采纳
我有一个方案要测试：
在我的应用程序中，点击一个按钮-比如说，btn1。
btn1单击使用意图action=VIEW、uri=http://www.m10v.com、category=DEFAULT启动另一个活动。此活动属于另一个包(例如：browser)
我怎么做：
确保安装了具有此意图筛选器的活动的应用程序？
如何测试活动是否真的开始了？
浏览 4提问于2013-07-25得票数 3
在修改功能时，可以选择删除单个顶点。根据医生的说法：
removePoint(){布尔}：移除当前所指向的顶点。
()
由于我在移动设备上工作，如果用户单击或悬停在移动设备上，我希望在顶点旁边显示一个带有删除按钮的弹出式窗口。所以我需要这个顶点的坐标。我可以用不同的样式看到地图上指示的顶点，但是如何获得它或它的坐标呢？它一定在某些选择中，因为自动“指向”样式和removePoint方法本身工作得很好。
浏览 1提问于2018-06-06得票数 2
回答已采纳
有人能告诉我regex来转换这种格式吗？
'LINESTRING ZM ( 574084.51000000 4229857.57000000 0.00000000 0.00000000, 574095.03000000 4229848.23500000 0.00000000 0.00870000)'
到这个
'LINESTRING ZM ( 574084.51000000 4229857.57000000, 574095.03000000 4229848.23500000)'
每个逗号之间只应保留前两个数字。这四个坐标集中可能有任意数目。
我尝试了以下方法(通过
浏览 2提问于2017-10-12得票数 1
回答已采纳
1回答
我有两个点的矢量，当散点图绘制时，它们给出了以下路径：(每种颜色只是路径的不同段-一些段是直的，一些段是通过取某个半径的圆的特定弧长来构建的)
然后，我想使用Google earth的Javascript API抓取这些点，并将它们绘制在地球表面上，如下所示：
// Create the placemark
var lineStringPlacemark = ge.createPlacemark('');
// Create the LineString; set it to extend down to the ground
// and set the altitu
浏览 2提问于2012-11-16得票数 0
Picture 我有两个坐标，起点和终点。我已经在linestring中添加了坐标。当用户在行中任意位置之间单击时，我的行坐标应该是return。请检查我的代码： 从‘ol/geom/ LineString’导入LineString； const LineString=新行([lat1，lon1，lat2，lon2])；const 它总是返回false。我想知道用户点击确切的行，它应该返回true/false。
浏览 14提问于2021-07-15得票数 0
是否可以直接在OpenLayers 5中绘制大圆圈，而无需像https://openlayers.org/en/latest/examples/flight-animation.html那样将LineString分割成许多小部分 这是与使用大圆圈线相关的用户体验问题。 提供了修改功能(https://openlayers.org/en/latest/examples/modify-test.html?q=Test)。 大圆线中的可编辑点数多于直线中的可编辑点。 由于拆分方法，用户必须更改更多的点。 我想，可能的解决方案是: 1.在修改框中限制可编辑点2.拖动可编辑点，然后创建相关的大圆点。
浏览 13提问于2019-05-24得票数 0
在执行此查询时，我遇到错误
UPDATE treedetailsentered
set geom_line=st_geomfromtext('LineString(('||longitude||' '||latitude||','||lon2||' '||lat2||'))', 4326);
错误
ERROR: parse error - invalid geometry
HINT: "LineString((7" <-- parse error at position 13 withi
浏览 0提问于2017-04-17得票数 0
我在我的OpenLayers openstreetmaps上遇到了一个问题，我正在从kml文件加载LineString功能。由于LineString的绝对复杂性和行字符串的数量，除了性能之外，一切都运行得很好。我想使用simplyfy()函数来简化线串几何形状/特性。下面是我写的一些代码，目的是为了在运行时进行简化。问题出在下面这行代码中：
feature.geometry.components[i].simplify(0.1);
这似乎根本不会修改原始几何特征组件。我做错了什么？我认为我们可能需要使用removeComponents，然后使用addComponents
浏览 2提问于2013-08-06得票数 0
我试图正确地保存用户创建的OpenLayer 3 Map层，以便使用geoJSON显示另一张地图，但我在这方面遇到了麻烦。
在客户端端，我在这个函数中保存了dinamic层：
function addInteractions() {
draw = new ol.interaction.Draw({
source: source,
type: typeSelect.value
});
draw.on("drawend", function(e) {
var f = e.feature;
浏览 1提问于2018-05-21得票数 1
回答已采纳
我正在将开放层库从2.13升级到3.7。我可以画矩形或圆，但不能修改它们。它将矩形作为多边形，并在调整大小时，超出边界。
对于circle，找不到任何选项。请帮帮忙。
浏览 2提问于2015-08-19得票数 0
1回答
移动设备的openlayers
、、、、
一个新手问题:在使用openlayer进行移动web开发时，我需要在头文件中包含哪个lib文件？我是说，是openlayers.js还是openlayers.mobile.js？
<script type="text/javascript" src="lib/OpenLayers.mobile.js"></script>
或
<script type="text/javascript" src="lib/OpenLayers.js"></script>
在实践中会有一些不同吗？
我问
浏览 1提问于2011-08-05得票数 4
回答已采纳
我有一个mat-expansion panel，当单击mat-expansion panel-header时，它会打开。有没有办法禁用这种行为？我想在别处使用它的open方法打开扩展面板，并通过单击标题禁用打开它的功能。
浏览 0提问于2018-10-10得票数 6
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
