JavaScript

L.GridLayerでコピペ可能なタイル座標の表示

※この投稿は、FOSS4G 二個目だよ Advent Calendar 2016 - Qiitaの12月7日分の記事です。国土地理院のタイル座標確認ツールって便利ですよね。 このタイル座標をタイル上で選択してコピーできたらいいなと思って自分でも作ってみました。こんな風に書きゃいい…

Leaflet v1.0.0-rc.2で北上でないCRSでmap.fitBounds()が動かない件

北が上にならないCRSで、map.fitBoundsが動かなかった。目的のL.LatLngBoundsのスクリーン上の左上座標と右下座標を、CRSを考慮せずにそれぞれgetNorthWestとgetSouthEastで取得していたためだった。Map.jsのgetBoundsZoomを下記の様に修正して対応。修正前 …

LeafletのIControlについて

この投稿は、FOSS4G 二個目だよ Advent Calendar 2015 - Qiita の8日目の記事です。 monomotiです。 8日目が埋まってないけど(*1)、諦めないで!ってことで極小ネタを。Leaflet v0.7(*2)で、例えば、クリックした点の座標をLeafeltのIControlに表示しよ…

Google Maps APIで動くタイル地図をやってみました。

id:kochizufanさんのアイディアを得て、タイルが動く地図を作ってみました。4フレームのアニメーションとする事にして、まずはこういう256 × 1024のタイルを作りました。 次は、Google Maps APIのMapTypeの定義です。 var monomoti = {}; monomoti.Animation…