leafletの使用方法

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

次のリビジョン		 前のリビジョン
leafletの使用方法 [2021/09/28 03:17] – 作成 133.11.144.10leafletの使用方法 [Unknown date] (現在) – 削除 - 外部編集 (Unknown date) 127.0.0.1
行 1: 行 1:
-===== LocalでLeafletを使用 ===== 
  
-[[https://leafletjs.com/download.html]] からソースコードをダウンロードし、解凍後、publicディレクトリ以下に配置。またマップデータもpublicディレクトリ以下に配置。 
- 
-HTML上で 
- 
-    link(rel='stylesheet', href='leaflet/leaflet.css') 
-    script(src='leaflet/leaflet.js') 
- 
-を指定してあげれば、使用可能。(相対パスで指定しないとテスト環境で動作しないので注意) 
- 
-===== LeafletのUsage ===== 
-以下のサイトを参照した。 
- 
-基本の使い方[[https://qiita.com/mitch0807/items/7ed4eaf6253a9b879ae7]] 
- 
-タイルレイヤ―の説明[[https://business.mapfan.com/blog/detail/1571]] 
- 
-使用例[[https://ktgis.net/service/leafletlearn/index.html#step1]] 
- 
-公式ドキュメント[[https://leafletjs.com/reference-1.6.0.html#map-example]] 
- 
-==== 地図を表示するための枠の表示 ==== 
- 
-    var map = L.map('div要素のID', optionのオブジェクト); 
-     
-{{:pasted:20210617-110830.png}} 
- 
-例 
- 
-    var map = L.map('map', { 
-        center: [51.505, -0.09], 
-        zoom: 13 
-    }); 
  • leafletの使用方法.1632799028.txt.gz
  • 最終更新: 2021/09/28 03:17
  • by 133.11.144.10