Javascript 传单：如何在圆的中心添加数字？

我目前正在做一个志愿项目，涉及旅游地图的数字化。现在，我需要添加带有数字的圆圈（比如，当您有几个阶段时）。为了了解它应该是什么样子，我还附上了带有地图的pdf文件

因此，目前我的测试圈的脚本如下所示：

var circle = L.circle([48.2353227, 9.6436585],{ color: 'blue', fillColor: 'white', fillOpacity: 1.0, radius: 6 }).addTo(mymap);

我必须向代码中添加什么才能在圆圈的内部空白处获得例如“1”？非常感谢你

多米尼克

---

PS：我对代码的显示方式感到抱歉。现在还不明白…

你可以把数字放在一个圆形的等分图标中，而不是矢量圆形

var icon = L.marker([23.41,79.12], {
  icon: L.divIcon({
      className: 'my-custom-icon',
      html: "5"
  })
});

icon.addTo(map);

图标的一些CSS：

.my-custom-icon{
  width: 24px !important;
  height: 24px !important;
  margin-left: -12px;
  margin-top: -12px;
  border-radius: 18px;
  border: 2px solid #3F51B5;
  text-align: center;
  color: #3F51B5;
  background-color: #fff;
  font-size: 16px;
}

---

将弹出窗口绑定到标记？定制它？完美的解决方案！非常感谢！：）