使用宣传单

Question

我使用Leaflet在地图上创建圆圈（geojson）。

pointToLayer: function (feature, latlng){
    if (feature.properties.radius) {
        return new L.Circle(latlng, feature.properties.radius);
    }
}

如何显示这些圈子的中心？

谢谢！

Answer 1

您实际上可以在Layer Group Leaflet GeoJSON选项中返回pointToLayer。

因此，您可以在代码+标记（或任何您想要象征中心的地方）中构建圆圈：

L.geoJSON(geoJsonData, {
  pointToLayer: function (feature, latlng){
    if (feature.properties.radius) {
      //return new L.Circle(latlng, feature.properties.radius);
      return L.layerGroup([
        L.circle(latlng, feature.properties.radius),
        L.marker(latlng) // or whatever symbol for circle center
      ]);
    }
  }
}).addTo(map);

演示：http://playground-leaflet.rhcloud.com/detaw/1/edit?html,output