如何解决带有标记和弹出窗口的 React-leaflet 应用程序
我的 React-leaflet 应用程序遇到了一些问题。 我使用“leaflet-contextmenu”、“react-leaflet-editable-popup”作为组件。 应用程序应通过上下文菜单启用地图上的各种操作。设置和标记标记。更改标记图标、移动标记等
也许有人会看到解决方案:
- 标记数据存储在一个数组(MarkerArray)中。如果要通过标记的上下文菜单执行操作,则必须在 MarkerArray 中找到该条目。无法通过传单上下文菜单的回调直接输入条目。我正在使用一种解决方法并使用地理坐标搜索数组中的条目。这很慢并且容易出错。是否有可能将条目或索引直接提供给回调?
代码:
contextmenuItems = {[
{
text: "Delete marker",callback: this.delMarker
// onClick = {() => this.delMarker (index)}
},
-
添加标记移动地图。 movestart 和 moveend 事件被触发。是否可以停用添加标记的事件?
-
如果我移动一个标记,地理坐标自然会改变。在 MarkerArray 中更新地理坐标的最简单方法是什么?
我的示例应用程序位于: https://codesandbox.io/s/gistool2-forked-4ry2w?file=/src/MapView.js
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。