LeafletとGoogleMutantで便利地図サイトを作ったんだけど、いざ自分のあいほんで使おうとしたら困ったお話。
ポップアップ内のリンクがクリックでき、ない・・・ だと!?
Hi I'm using Leaflet in a Cordova APP. I use: Leaflet 1.0.3+ed36a04 Leaflet.GoogleMutant.js (latest version available today 19 Apr 2017)
GoogleMutant 0.6.2 ならなんとかなるらしいけれども
スレッド追っていくと、0.6.2ならなんとかなるらしい方法は提示されてるらしいけども。
おまるくんが使ってるのは 0.6.4で何ともならなかったよ。
z-index: 399だとロゴが隠れちゃう! Googleさんに怒られちゃう!
とりあえず対処法
0.6.2の方法論を参考に。
諸々のオプションで他にもボタンが出るっぽいけど、それらを考慮せずならこれでなんちゃっての対応はOKかなあ。
1 2 3 |
div.leaflet-google-mutant { top: 100%; overflow: visible !important; } div.leaflet-google-mutant div.gm-style div { top: -24px; !important; } div.leaflet-google-mutant div.gm-style div.gmnoprint { top: 8px !important; } |
クリックイベントを邪魔するdiv.leaflet-google-mutant全てをどっかにやりいの、
ロゴ類だけうまい事上にずらしいの、
overflow: hiddenでずらしても見えないのでvisibleにしいの!
プラグインだとleaflet-gesture-handling も使いたいけど、こちらも色々イベント追加してると動作が不安定になるんだよなあ。
Leafletマスターになれる日は遠いね。