リーフレット：円の中心に数値を追加するにはどうすればよいですか？

Question

私は現在、観光用の地図をデジタル化する自主プロジェクトに取り組んでいます。今では、サークルに数値を追加する必要があります（複数の段階がある場合など）。どのように見えるべきかを知るために、pdfを地図に添付しました。 1

ので、現時点では私のテストサークルのスクリプトは以下のようになります。私は、例えばを取得するためのコードを追加する必要が何

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

を円の内側の空白に「1」がありますか？どうもありがとうございます！

ドミニク

PS：私は、コードの表示方法について申し訳ありません。これまでには手に入らないでください。

Answer 1

divIconの数字は、ベクターサークルの代わりにサークルとして使用できます。

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; 
}