在 LeafletJS 中使用 WFS 图层

Question

我这里有一个简单的 git 项目（link 已删除），它展示了我如何尝试将网络要素服务 (WFS) 层加载到传单中。此处演示（link 已删除）

当我放大到最放大的图层时，我的问题就来了。应该存在两个图层（水井作为蓝色标记，地块作为白色多边形）。有时包裹有效，有时它们没有出现。通过将缩放向上和向下切换到最大缩放，您将能够重现结果。

有谁能看到更好的方法来同时加载井和包裹？我的意图是加载更多的 WFS 图层。

Answer 1

问题出在您的 jsonp 回调中 - 您对所有层使用了相同的函数名称，因此，正在进行某种数据覆盖。

要修复它，请使用不同的回调名称：

// For citiesDefaultParameters
format_options : 'callback: getJson_cities',

// For wellsDefaultParameters, use
format_options : 'callback: getJson_wells',

// For parcelsDefaultParameters
format_options : 'callback: getJson_parcels',

// In load_wfs function, use:
$.ajax({
    ...
    jsonpCallback: 'getJson_' + name,

在 LeafletJS 中使用 WFS 图层

Using WFS layers in LeafletJS

wms

leaflet