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

Question

宣传单上的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>

谢谢你。

Answer 1

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

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

简单的香草示例：

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

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

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

Answer 2

将 CircleMarker 视为其名称明确指出的，一个 marker。 Radius 属性用于显示目的，并以 pixels 为单位计算，而不是以公制长度单位（例如米）计算。 它的几何形状是一个点。

另一方面，Circle实际上是一个圆形几何形状，其半径以公制长度单位表示。 它的几何形状是一个圆形区域。

例如，您可以使用 CircleMarker（就像任何其他标记一样）来显示 通信天线。您可以使用圆圈来显示通信天线的覆盖范围。

Answer 3

很奇怪，

“CircleMarker 将始终保持相同的像素大小/半径，a 圆始终具有相同的米大小/半径。所以当你放大时，你 将看到 CircleMarker 没有改变大小。”

L.circle([0,0], {radius: 100000}).addTo(map)
L.circleMarker([0,2], {radius: 50}).addTo(map)

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

但实际上似乎 CircleMarker 是一边缩放一边缩小的，而 Circle 是不改变大小的，保持不变。