我之前在升级Leaflet版本时也碰到过类似的兼容性坑，给你几个实际可行的排查和解决方向：

1. 确认Leaflet API的破坏性更新 #

Leaflet 1.0.0相对于0.7.7有不少核心改动，其中**clickable参数在1.0版本中被interactive完全取代**——虽然你已经手动设置了interactive，但要注意ui-leaflet的版本是否正确适配了这个参数映射。部分旧版ui-leaflet可能仍在内部用clickable初始化路径，导致你传入的interactive没有被正确传递给Leaflet实例。

你可以先打印路径实例的属性验证：

// 假设你的多边形在scope中的变量是vm.targetPolygon
console.log(vm.targetPolygon.options.interactive);

如果输出是false，说明参数没被正确传递，可在路径创建后强制设置：

// 在路径加载完成的钩子中执行
vm.targetPolygon.setInteractive(true);

2. 绕过ui-leaflet封装，直接绑定Leaflet原生事件 #

如果leafletDirectivePath事件始终无法触发，大概率是ui-leaflet的事件绑定逻辑在新版本Leaflet下失效了。你可以跳过框架封装，直接给Leaflet多边形实例绑定原生点击事件：

// 监听地图加载完成事件
angular.element(document).on('leafletDirectiveMap.load', function(e){
  const map = e.targetScope.map;
  // 找到目标多边形图层
  const polygonLayer = Object.values(map._layers).find(layer => layer instanceof L.Polygon);
  // 绑定原生点击事件
  L.DomEvent.on(polygonLayer, 'click', function(evt){
    console.log('多边形被点击了！', evt);
    // 这里执行你的业务逻辑
  });
});

如果原生事件能正常触发，说明问题出在ui-leaflet的事件封装层，此时可以暂时用原生事件替代，或者等待ui-leaflet的兼容补丁。

3. 检查图层遮挡与层级问题 #

Leaflet 1.0.0对图层交互优先级做了调整，有可能你的多边形被其他图层（比如瓦片层、覆盖层）覆盖，导致点击事件被上层图层拦截。你可以尝试把多边形图层置顶：

polygonLayer.bringToFront();

也可以通过开发者工具查看多边形DOM元素的z-index，确认它没有被其他可交互图层压在下面。

4. 验证ui-leaflet与Leaflet的版本匹配 #

虽然你试过ui-leaflet 2.0.0和3.0.0，但要确认这些版本是否明确支持Leaflet 1.0+。比如ui-leaflet 3.0.0的官方文档是否标注了兼容Leaflet 1.0.x？如果没有，可能需要找专门适配Leaflet 1.0的分支，或者尝试最新的测试版本。

另外可以做个极简测试：只加载Leaflet 1.0.0 + ui-leaflet，添加一个最简单的多边形，看点击是否生效。如果极简demo正常，那问题可能出在你的项目代码中（比如自定义样式、全局事件拦截等）。

内容的提问来源于stack exchange，提问作者jazyac