当前位置: 首页 > 知识库问答 >
问题:

传单控制层:选择器

东方方伟
2023-03-14

我在宣传单上展示了两个Geojson文件。这两个文件在我的地图上显示良好,但我希望能够有选择器工作在两个层。

如您在这里所见,我选择器仅显示在以下省份:http://bl.ocks.org/renauld94/8493CA671CE8DE63BFAB9FAFD3F3F574/363F40907203CC431DE22E16987669B7BAE13FE8

var ward = [];
var wardOverlay = L.d3SvgOverlay(function(sel, proj) {

  var upd = sel.selectAll('path').data(ward);
  upd.enter()
    .append('path')
    .attr('d', proj.pathFromGeojson)
    .attr('stroke', 'red')
    .attr('fill-opacity', '0.2');
  upd.attr('stroke-width', 1 / proj.scale);
});


var province = [];
var provinceOverlay = L.d3SvgOverlay(function(sel, proj) {

  var upd = sel.selectAll('path').data(province);
  upd.enter()
    .append('path')
    .attr('d', proj.pathFromGeojson)
    .attr('stroke', 'black')
    .attr('fill-opacity', '0.1');
  upd.attr('stroke-width', 1 / proj.scale);
}); 

L.control.layers({"Geo Tiles": tiles}, {"province": provinceOverlay}, {"ward": wardOverlay}).addTo(map);



d3.json("ward.geo.json", function(data) { ward = data.features; wardOverlay.addTo(map) });
d3.json("province.geo.json", function(data) { province = data.features; provinceOverlay.addTo(map) });  


</script>

</body>
</html>

我如何可以有一个选择器为两层?

共有2个答案

居星阑
2023-03-14
热门标签
孙佐
2023-03-14
相关问题
 类似资料:
  • 我想有一个传单层控件,在那里我可以选择一个基本层,并使这个基本层本身是一个LayerGroup,从中我可以选择要显示的子层。我正在考虑一个设置,在那里我点击一个单选按钮选择基本层(层组),然后我会看到一个复选框列表,其中的层显示。有没有办法使用库存层控件做到这一点? 我找了一些例子,翻阅了一下传单API,但没有找到类似的东西。

  • 我们使用标准的“层控件”从传单。实例化如下: 层是按随机顺序动态添加的(取决于xhr请求完成的时间)。然而,似乎Laflet implicity使用相应层的_leaflet_id在层控件中排序,因此我们的层以随机顺序出现。 有没有办法告诉传单应该按哪个顺序显示控件中的图层?例如。通过在调用或方法时传递一些附加参数? 单张版本为1.0-dev

  • 所有,我想检测用户层选择,以便同步我的侧栏与显示的层。 但我在API引用中没有看到任何层控制事件;我如何判断当这样的用户层选择发生了? 作为另一种选择,我查看了layer load和unload事件,但在返回的内容中没有看到任何标识。我是不是错过了?

  • 我正在尝试为某些标记添加layercontrol。当我把城市标记添加到地图上时,它工作得很好。baseLayers控件可以正常工作,同时也创建了overlayMaps控件。但是,当单击overlayMaps控件时,标记不会显示。我肯定我犯了一个简单的错误,但我一直没能察觉出来。

  • cesium每更新一个版本,就会导致默认的三维球不可见,原因是bingkey发生了变化,如果我们想设置三维球加载的初始图层,可以修改viewer的imageryProvider属性,但是这样做会导致一个问题:baseLayerPicker控件的按钮图标会显示为空白 今天我们来解决这个问题。 拿到问题不要直接开怼,想一想,应该怎么做? 首先我们知道这个控件就是一个div,那毫无疑问,使用js强制修改

  • 选择控制器允许用户选择选项。有三种类型:复选框、单选框以及开/关切换。选择控制器使用主题同样的颜色。 复选框 单选按钮 切换开关 复选框 复选框允许用户从一个数据集中选择多个选项。 如果在一个列表中有多个选项,你可以通过使用复选框而不是开/关切换来节省空间。 如果你有一个单选项,不要用复选框,使用开/关切换。 白色主题 黑色主题 白色 开: Swatch 500, 透明度 100% 关: #000