あちあち情報局

趣味や日曜プログラムなどを書いています

ユーザ用ツール

サイト用ツール


サイドバー

メニュー

現在リニューアル中

タグ一覧

leaflet:install

日曜プログラミング

Leaflet インストール

Leaflef.jsを自分のサーバーにインストール方法です。


はじめに

インストールといってもleaflet.jsを公式サイトからダウンロード、展開、自分のサーバーにアップロードするだけです。

インストールせずcdnなど外部サーバーから読み込む方法もありますが、サーバーダウンなどの可能性があるので自分のサーバーにインストールした方が無難です


準備

ブラウザ・FTPクライアント・zip解凍ソフト・自分のサーバーなどが必要です。(ローカルマシンで試すだけならブラウザとzip解凍ソフトだけあればOK)


ダウンロード

公式サイト http://leafletjs.com/ のDownloadから 「Stable version(安定版)」とあるバージョンをダウンロード。

ダウンロードしたファイルを展開(解凍)してそのまま自分のサーバーにアップロードします。

(実際使用するファイルは「leaflet.js」「leaflet.css」「imagesフォルダ」だけなので、他は削除してもOKです)

ファイルフォルダ構成
(www-root)
| index.html ・・・自分のWebサイトのトップページ
+[leaflet]
  | leaflet.js
  | leaflet.css
  +[images]
    |layers.png
    |layers-2x.png
    |marker-icon.png
    |marker-icon-2x.png
    |marker-shadow.png

おまけ

バージョンアップなどを考慮すると次のように、常に最新状態とする「常用フォルダ」とバージョン指定できる「バージョン別フォルダ」とした方が便利だとおもいます。

バージョンアップによる機能の削除や変更で自分のプログラムが動かなくなる事を考慮しバージョン別にアップロードします。しかしバージョン別に管理するとバージョンアップの度に全ページのプログラムを書き換えなければならず不便なので、常に最新状態とする「常用フォルダ」を作成し通常はコチラを使います。もしバージョンアップにより不具合が出る場合はバージョンを指定して動作させる事ができます。

(www-root)
| index.html ・・・自分のWebサイトのトップページ
+[leaflet]
  +[v1]・・・常用フォルダ(中身はバージョン1.3.4と同じ)
  | leaflet.js
  | leaflet.css
  | +[images]
  +[v1_3_4]・・・バージョン1.3.4
  | leaflet.js
  | leaflet.css
  | +[images]
  +[v1_3_1]・・・バージョン1.3.1
  | leaflet.js
  | leaflet.css
  | +[images]
以下略

終わり

後は、Leaflet - OpenStreetMap表示 のスプリクトを参考にJavaScriptを書いて動作すればインストール成功です。

leaflet/install.txt · 最終更新: 2018/09/11 09:27 by 管理者