如何解决在React中将Geojson图层添加到传单地图后,矢量图块图层交互性丢失
Leaflet.VectorTileLayer包装后可在react-leaflet中使用。叠加层中有一堆这些图块层,还有一些其他层使用react-leaflet的GeoJSON组件导入直接json数据。一切正常,但如果我先加载geojson图层,则会失去矢量图块图层的交互性。加载正常但不可点击的图层或其他样式选项未在地图中呈现。无需加载geojson图层,它们就可以正常工作。
代码中的简单用法:
<Overlay name="Turkey Counties">
<TRCountiesGeoJSON ref="TRCountiesGeoJSON" />
</Overlay>
<Overlay name="Sentinel-2 Grid">
<WrappedVectorTileLayer {...sentineloptions}
// onClick={function (layer) {
// console.log("layer: ",layer);
// }}
onClick={(e) => this.handleSentinelGridClick(e)}
url={this.state.geojsonUrl + "/sentinel2grid/{z}/{x}/{y}.pbf"}
/>
</Overlay>
矢量图块实现来自@willfalconer的repository
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。