求助：通过JavaScript在Folium中加载Shapefile无显示问题

以下是针对该问题的排查和解决步骤：

• 确保能正确获取Leaflet地图实例
  Folium生成的地图对象默认可能未暴露到全局作用域，导致自定义JS调用addGeoJson时找不到正确的地图实例。可以在生成Folium地图后，手动把地图对象挂载到全局：

  # 在Folium地图生成后添加该行代码
  map.get_root().html.add_child(folium.Element("<script>window.leafletMap = map;</script>"))
  

  之后自定义JS里就可以用leafletMap.addGeoJson(...)来调用，避免因地图对象引用错误导致加载失败。

• 检查GeoJSON的坐标顺序
  Leaflet严格遵循**[经度, 纬度]**的坐标顺序，但Shapefile转GeoJSON时经常会输出[纬度, 经度]的顺序。即便JSON结构正确，坐标反了会让图形显示在完全错误的区域（比如远离比利时的大洋），看起来就是无内容。可以临时修改一个GeoJSON特征的坐标为已知正确的比利时坐标（如[4.35, 50.85]）测试，确认是否是坐标顺序问题。

• 强制设置GeoJSON样式
  自定义加载GeoJSON时如果未指定样式，默认可能是透明填充或与地图底色一致的线条，导致视觉上不可见。可以在调用addGeoJson时显式设置样式：

  leafletMap.addGeoJson(yourGeoJsonData, {
    style: function(feature) {
      return {
        color: '#ff4500',
        weight: 2,
        fillColor: '#ff4500',
        fillOpacity: 0.3
      };
    }
  });
  

  用高对比度的颜色确保图形能被看到。

• 保证JS代码在地图初始化完成后执行
  如果PyQt中调用runJavaScript时，Leaflet地图还没加载完成，addGeoJson操作会无效。可以通过两种方式解决：

  1. 在JS代码中监听地图的load事件：

     leafletMap.on('load', function() {
       // 这里执行GeoJSON加载逻辑
     });
     

  2. 在PyQt中监听QWebEngineView的loadFinished信号，触发后再执行JS代码：

     self.web_view.loadFinished.connect(self.load_geo_json)
     
     def load_geo_json(self):
         # 这里调用runJavaScript加载GeoJSON
         pass
     

• 验证PyQt传递GeoJSON的格式
  从Python向JS传递GeoJSON时，必须确保是正确的JSON字符串。用json.dumps()将GeoJSON字典转为字符串后再传递，避免PyQt自动转换时出现编码或格式问题：

  import json
  
  geo_json_str = json.dumps(your_geo_json_dict)
  js_code = f"loadGeoJsonData({geo_json_str});"
  self.web_view.page().runJavaScript(js_code)
  

  同时在JS中定义对应的处理函数：

  function loadGeoJsonData(data) {
    leafletMap.addGeoJson(data, {style: {color: '#ff4500'}});
  }
  

• 查看JS控制台错误
  开启QWebEngineView的开发者工具，直接查看JS执行时的错误信息，这是最快定位问题的方法。在PyQt中可以这样开启：

  from PyQt5.QtWebEngineWidgets import QWebEngineSettings
  
  self.web_view.page().settings().setAttribute(QWebEngineSettings.JavascriptEnabled, True)
  self.web_view.page().devToolsPage().show()
  

  控制台会显示比如地图对象未定义、GeoJSON解析错误等具体问题，针对性修复即可。

内容的提问来源于stack exchange，提问作者Johannes Van der Pol