javascript - 传单上下文菜单无法正常工作或无法响应事件

标签 javascript html leaflet

(将此帖子发布给那些可能会犯与我相同错误的菜鸟......)

我合并了两个 github 项目:Leaflet.contextmenu 和 bootleaf 项目。

我从 bootleaf 开始并添加了 <script>, <link>到index.html。由于我使用的是 bootleaf index.html,它已经有 <script src=".../app.js">创建 map 的位置:

map = L.map("map", { ... });

不幸的是,我还添加了 dist/leaflet.contextmenu.js 和 src/Map.ContextMenu.js 文件,但在 app.js 之后添加了它们。这导致代码未初始化(因为它是插件)。

最佳答案

确保获得正确的订单:

  <script src="node_modules/leaflet-contextmenu/dist/leaflet.contextmenu.js"></script>
  <script src="node_modules/leaflet-contextmenu/src/Map.ContextMenu.js"></script>

  <script src="assets/js/app.js"></script>

关于javascript - 传单上下文菜单无法正常工作或无法响应事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40799572/

相关文章:

leaflet - Mapboxjs 中图 block 图层上的 maxNativeZoom 是否存在问题?

javascript - 使用 leafletjs 和 bootstrap 加载 map 图 block 时出现问题

javascript - 向用户脚本添加自动刷新

javascript - 使用javascript检查DIV是否可见

Javascript - 创建和销毁 toast 消息

javascript - 如何列出被 ESLint 检测的文件

javascript - 单击显示 div,其余背景模糊

javascript - 如何覆盖 HTML5 验证弹出窗口?

jquery - 检查多个类元素的可用性

javascript - 使用 Leaflet 更新 geojson 形状的颜色