エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Leaflet で地図以外の画像を扱う #2 L.TileLayer
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Leaflet で地図以外の画像を扱う #2 L.TileLayer
地図タイルの試作 地図タイルの仕組み L.TileLayer で地図でない画像を扱う練習をするにあたり、できれ... 地図タイルの試作 地図タイルの仕組み L.TileLayer で地図でない画像を扱う練習をするにあたり、できれば本物の地図でないタイルのサンプルセットが欲しかったんですが、そういうものをすぐ拾える心当たりがなかったので自分でタイルを作ってみました。 Leaflet は Google Maps モデルの地図タイル をそのまま使えるので 256×256 ピクセルのタイルをズームレベル0からズームレベルが1つあがるたびに縦横が2倍に拡大されるようにデータを作成します(実際には大きい画像から縮小しますけどね)。今回は 1024×1024 ピクセルの画像を用意してズームレベル0~2のタイルを作成しました。 こうして作ったタイルを L.TileLayer で読み込むには最初の引数で指定する URL がタイルのファイル配置と一致している必要があります。 L.tileLayer('tiles/{z}/{x