読者です 読者をやめる 読者になる 読者になる

Debuginfo

思考とアウトプット

(フリーの地図ライブラリ)Leafletでタッチデバイスのブラウザでスクロールダウンを可能にする方法

Leafletはフリーで使える地図ライブラリです。Open Street Mapを差し込むことでgoogle mapsではない選択肢になります。(Google Maps APIには4000リクエスト/Dayのリミットありなので。。)

これをタッチデバイスで使用するとスクロールダウン時にマップの位置がスクロールしてしまってブラウザがスクロールされません。Mapに動作させなくするには{tap: false}を使います

var map = L.map(map_id, {dragging: false, touchZoom: false, scrollWheelZoom: false, tap: false}).setView([res.pics[i].latitude, res.pics[i].longitude], 15);
tileLayer.addTo(map);
L.marker([res.pics[i].latitude, res.pics[i].longitude]).addTo(map);

参考: