カスタム タイルを使用してリーフレット マップにプレーン テキストをオーバーレイとして追加しようとしています。ポップアップやマウスホバーのマーカーにバインドしたくありません。ズーム レベルに基づいてサイズが動的に変化するテキストをマップの場所に追加する方法はありますか?
Leaflet API に何も表示されないので、アドバイスしてください...
これには L.DivIcon を使用できます。APIはこちら。これにより、定義した任意の HTML でアイコンを表すことができます。
var myIcon = L.divIcon({className: 'my-div-icon', html: '<b>Hello!</b>});
L.marker([50.505, 30.57], {icon: myIcon}).addTo(map);
明らかに、HTML が挿入される場所では、任意の HTML を使用できます。
これはうまくいきますか?マーカーを使いたくないとおっしゃいましたが、DivIcon が機能しない特定の理由はありますか?