如何解决Mapbox GL-防止基于缩放的图层标签褪色
将MapBox GL JS 1.12.0与GeoJSON一起使用,我要添加具有基于GeoJSON中“名称”值的数字标签的圆。
map.addLayer({
'id': 'marker','type': 'circle','source': 'geojson','minzoom': 0,'maxzoom': 24,'paint': {
'circle-radius': 10,'circle-color': '#FFFFFF','circle-stroke-color': '#000000','circle-stroke-width': 2,'circle-opacity': 1,},'filter': ['==','$type','Point']
});
map.addLayer({
'id': 'marker-label','type': 'symbol','layout': {
'text-field': [ 'format',['get','name'],{ 'font-scale': 0.8,'text-translate': [0,-20] } ],'Point']
});
放大后,它们看起来正确:
缩小时,圆圈开始重叠,但看起来仍然正确:
但是随后,“ 2”逐渐淡出,并且“ 1”在#2的圆圈中显示(即使圆圈具有白色填充并且不透明度为1),并不清楚是哪个#1和哪个# 2。
我可以禁用这种自动褪色/透明度吗?
我可以以某种方式将标签绑定到该特定圈子吗?
解决方法
我可以禁用这种自动褪色/透明度吗?
您可以使用"text-allow-overlap": true
禁用它。您可能不喜欢结果。
我可以以某种方式将标签绑定到该特定圈子吗?
否。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。