如何解决传单上的 Circle 和 CircleMaker 有什么区别吗?
传单上的 Circle 和 CircleMaker 有什么区别吗? On example 唯一的区别看起来可能有一个孩子,但是,在文档上,两者都允许孩子。那么有什么区别?
<Circle center={center} pathOptions={fillBlueOptions} radius={200} />
<CircleMarker center={[51.51,-0.12]} pathOptions={redOptions} radius={20}>
<Popup>Popup in CircleMarker</Popup>
</CircleMarker>
谢谢。
解决方法
CircleMarker 将始终保持相同的像素大小/半径,Circle 始终具有相同的米大小/半径。
所以当你缩放时,你会看到 CircleMarker 没有改变大小。
简单的香草示例:
L.circle([0,0],{radius: 200000}).addTo(map)
L.circleMarker([0,2],{radius: 20,color: 'red'}).addTo(map)
https://jsfiddle.net/falkedesign/7tfbv1w5/
,将 CircleMarker 视为其名称所明确说明的 标记。 Radius 属性用于显示目的,以 像素 为单位计算,而不是以公制长度单位(例如米)计算。 它的几何形状是一个点。
另一方面,圆实际上是一个以公制长度单位表示半径的圆形几何图形。 它的几何形状是一个圆形区域。
例如,您可以使用 CircleMarker(就像任何其他标记一样)来显示通信天线。您可以使用圆形来显示通信天线的覆盖范围。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。