leaflet - 带有标记和弹出窗口的 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
解决方案
推荐阅读
- python - Python 脚本的用户输入
- android - 带有 3 x 3 项目的 RecyclerView 水平滚动
- php - 从 Laravel 中的 web 或 api 登录时如何使用不同的守卫?
- php - 打印php中的每个值后,嵌套数组的回显数据和中断嵌套数组?
- azure-active-directory - Azure Active Directory 对多个应用程序进行身份验证
- groovy - Spring Cloud Contract:无法为可以/不能为空的字段指定正则表达式
- python - Python:Pandas Csv 导入,数字对象
- c++ - 在 std::move() 之后 std::vector 存储会发生什么
- php - AppServiceProvider 启动功能和动态标题
- html - 单击外部内容时的纯 css 关闭模式