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

Question

传单上的Circle和CircleMaker有区别吗？ On example 唯一的区别看起来可能有一个 children，但在文档中，两者都允许 children。那有什么区别呢？

<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 将始终保持相同的像素大小/半径，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/

Answer 2

考虑 CircleMarker 就是它的名字清楚说明的，一个 marker。半径属性用于显示目的，以像素计算，而不是以公制长度单位（例如米）计算。 它的几何图形是一个点。

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

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

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

Is there any difference between Circle and CircleMaker on leaflet?

leaflet

react-leaflet