クリックではなくマウスオーバーでポップアップを表示する方法は？

Question

<\/HEAD>クリックではなくマウスオーバーでポップアップを表示しようとしています。現在、bindPopupメソッドを使用してフィーチャーレイヤーから動的に情報を表示しています。しかし、マウスオーバーでこれを機能させる正しい方法がわかりません。<\/P> <\/P> また、アイコンをクリックすると、ポップアップがページの上部をはみ出すことがあります。これを防ぐ方法はありますか？<\/P> <\/P> さらに、ユーザーが地図のズームや位置をスクロールやパンできないように固定する方法についてもアドバイスをお願いします。<\/P> <\/P> ご協力ありがとうございます！！ <\/P> <\/P> JSFiddle<\/A> <\/P>ライブ: http:\/\/aquagear.site44.com\/<\/A> <\/P><\/BODY><\/HTML>

JohnGravois · Answer

you're asking too many different questions in a single geonet post.

1. instead of calling bindPopup(), you'll need to implement your own logic within featureLayer.on("mouseover") / featureLayer.on("mouseout") (example)

2. by default, the popup option autoPan is set to true. this should ensure that the popup is displayed even if the map has to be recentered.

3. check out the leaflet map constructor option maxBounds

WinstonHoyle · Answer

Your fiddle seems to not be working but I think I understand what you are trying to do. locations.bindPopup(/*Insert your popup information*/, { maxWidth: 560, maxHeight: 500 });‍‍‍‍ The Popup object has options that are found in the leaflet documentation: https://leafletjs.com/reference-1.3.2.html#popup-l-popup