如何解决使用 geoJSON 数据的传单不透明度
我正在使用 Leaflet 库在 React 功能组件中将 geoJSON 数据添加到我的地图中。我根据 https://leafletjs.com/examples/geojson/ 中显示的示例编写了简单的代码。
这是我的代码:
const someOptions = {
fillColor: "yellow",fillOpacity: 0.25,opacity: 0.65,color: "black",weight: 1,};
L.geoJSON(mapData,{
style: someOptions,}).addTo(map);
"mapData" 是一个包含格式正确的 json 数据的 json 文件(不是 geoJSON,因为 React 抱怨它)。这是“mapData”json 文件中记录之一的示例:
{
"type": "Feature","properties": {
"NRN": "ICAOXCATSP","SERIES": "ICAO",// ...
"ED_DATE": "06/01/2016"
},"geometry": {
"type": "MultiPolygon","coordinates": [
[
[
[180.000000000100044,90.000000000099988],[180.000000000100044,-89.999999999900012],[-179.999999999900041,90.000000000099988]
]
]
]
}
}
当我加载这个 json 文件时,图像正确显示,除了不透明度参数没有影响。我的地图上最终出现了巨大的黄色区域,根本不透明。就好像 fillOpacity
的值为 1。
在我使用的其他 geoJSON 文件中,我得到的结果是地图上的一些形状是半透明的,而另一些则不是。这是预期的行为吗?
解决方法
因为你有一个静态选项,你不需要像这样删除样式
L.geoJSON(mapData,{
style: someOptions,}).addTo(map);
应该是这样的
L.geoJSON(mapData,someOptions).addTo(map)
或
L.geoJSON(mapData,{
fillColor: "yellow",fillOpacity: 0.25,opacity: 0.65,color: "black",weight: 1,}).addTo(map);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。