私のリーフレット マップは現在、完全に透明なキャンバス要素の背後にあるため、ユーザーからのマウス イベントを直接登録することはありません。そのため、プログラムでマウス イベントをリーフレットに登録する必要があります。
アプリでクイック イントロ チュートリアル コードを実行している場合、別名:
<div id="backgroundMap"></div>
<script>
$("#backgroundMap").css("width",$(window).width()).css("height",$(window).height());
var map = L.map('backgroundMap').setView([51.505, -0.09], 13);
L.tileLayer('http://{s}.tile.cloudmade.com/API-Key/997/256/{z}/{x}/{y}.png', {
attribution: 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://cloudmade.com">CloudMade</a>',
maxZoom: 18
}).addTo(map);
map.on('click', onMapClick);
</script>
div backgroundMap、AKA に登録するにはマウスイベントが必要$('#backgroundMap').click(...)
ですか? それとも他の場所に登録する必要がありますか?
あるいは、リーフレットに関しては、まったく別のことをする必要がありますか?