传单上的 Circle 和 CircleMaker 有什么区别吗?

des*_*enV 4 leaflet react-leaflet

传单上的 Circle 和 CircleMaker 有什么区别吗? 在示例中,唯一的区别看起来像是一个人可能有孩子,但在文档上,两者都允许孩子。那么有什么区别呢?

<Circle center={center} pathOptions={fillBlueOptions} radius={200} />
<CircleMarker center={[51.51, -0.12]} pathOptions={redOptions} radius={20}>
  <Popup>Popup in CircleMarker</Popup>
</CircleMarker>
Run Code Online (Sandbox Code Playgroud)

谢谢。

Fal*_*ign 8

CircleMarker 将始终保持相同的像素大小/半径,圆形始终具有相同的米大小/半径。

因此,当您缩放时,您会看到 CircleMarker 的大小没有改变。

简单的香草示例:

L.circle([0,0], {radius: 200000}).addTo(map)

L.circleMarker([0,2], {radius: 20, color: 'red'}).addTo(map)
Run Code Online (Sandbox Code Playgroud)

https://jsfiddle.net/falkedesign/7tfbv1w5/