「ヘルプ:地図の編集」の版間の差分

出典: 路上文化遺産データベース
ナビゲーションに移動 検索に移動
 
(同じ利用者による、間の66版が非表示)
1行目: 1行目:
地図(GoogleMap)を貼り付けることができます。地図の追加・編集方法は、以下の手順を参考ください。


==概要==
Google Maps API の仕様変更により Google Maps Extension は使えなくなりました。代替の仕組みとして Maps Extension を導入しましたが、記述方法が異なります。
全体の流れは以下の通りです。
# 地図編集画面を開く
# 本文に貼り付けたい地図を表示させる
# マーカーを登録する
# 作成されたタグを本文編集画面にコピーアンドペーストする
以下、実際の操作画面の画像を使って各手順を説明します。


==編集画面を開く==
基本的には
[[ファイル:Mapedit01.png|center|500px|編集画面を開く]]
<pre>
{{#display_map:[座標]}}
</pre>
というコードを埋め込むと地図が表示されます。


まず、編集画面を開きます。編集するためにはアカウントを登録し、ログインする必要があります。
==マーカーを一つ表示した地図の例==
<pre>
{{#display_map:35.600753 139.667300}}
</pre>
{{#display_map:35.600753 139.667300}}


==マーカーを複数表示した地図の例==
緯度・経度の間のコンマ(,)はあっても無くても構いません。複数の座標はセミコロン(;)で区切ります。
<pre>
{{#display_map:
  35.660391, 139.708787;
  35.660055, 139.70887;
  35.659406, 139.708838;
  35.659813, 139.708865;
  35.660458, 139.708913;
  35.659081, 139.708736;
  35.65921, 139.708942;
  35.659393, 139.708988;
  35.659811, 139.709018;
  35.660155, 139.709007;
}}
</pre>
{{#display_map:
  35.660391, 139.708787;
  35.660055, 139.70887;
  35.659406, 139.708838;
  35.659813, 139.708865;
  35.660458, 139.708913;
  35.659081, 139.708736;
  35.65921, 139.708942;
  35.659393, 139.708988;
  35.659811, 139.709018;
  35.660155, 139.709007;
}}


==地図編集画面を開く==
==マーカーのカスタマイズ==
[[ファイル:Mapedit02.png|center|地図編集画面を開く]]
吹き出しに説明を記載したり、マーカーの種類を変更することができます。


画面上部にあるアイコンのうち、図で示したアイコンをクリックします。IEの場合はこの画像のように一番左端に、Firefoxの場合は一番右端に表示されるようです。
===説明を付ける===
座標の後ろにチルダ(~)で区切って、吹き出しのタイトルと説明を加えることができます。吹き出しはマーカーをクリックすると表示されます。
<pre>
{{#display_map:
  35.660391, 139.708787~タイトル1~説明1;
  35.660055, 139.70887~タイトル2~説明2;
  35.659406, 139.708838~タイトル2~説明2;
}}
</pre>
{{#display_map:
  35.660391, 139.708787~タイトル1~説明1;
  35.660055, 139.70887~タイトル2~説明2;
  35.659406, 139.708838~タイトル2~説明2;
}}
</pre>


==地図とマーカーを操作する==
===色を変える===
[[画像:Mapedit03.png|center|500px|地図とマーカーの操作]]
チルダで区切られた3番目の設定項目にマーカーの画像ファイルを指定することで、マーカーの色を変えることができます。今のところ規定値の青の他は赤と緑しか用意しておりません。もし他の色のマーカーを使用したいという要望があれば、[[利用者:EkikaraManhole|EkikaraManhole]]までご連絡ください。


地図の編集画面を開くと、すぐ下の点線の枠内にタグ(&lt;googlemap&gt;)が作成されます。地図左上の操作ツール、もしくはマウスのドラッグアンドドロップやホイール操作で、本文に貼り付けたい地図を表示させます。地図をクリックすると地図上にマーカーが追加されます。バルーンに書いたコメントは「保存して閉じる」を押すまでは点線の枠内に反映されません。
なお、チルダを3つ連続して記述すると、MediaWikiの[[ヘルプ:目次#.E7.BD.B2.E5.90.8D|署名]]を挿入するコマンドになってしまいますので、チルダを連続して記述する際には間にスペースを挟んでください。


なお、「Icon:」のドロップダウンメニューは機能していないようです。
<pre>
{{#display_map:
  35.660391, 139.708787;
  35.660055, 139.70887~ ~ ~Red-marker.png;
  35.659406, 139.708838~ ~ ~Green-marker.png;
}}
</pre>
{{#display_map:
  35.660391, 139.708787;
  35.660055, 139.70887~ ~ ~Red-marker.png;
  35.659406, 139.708838~ ~ ~Green-marker.png;
}}


==編集画面にコピーアンドペーストする==
===文字を入れる===
[[ファイル:Mapedit04.png|center|500px|編集画面にコピーアンドペースト]]
色を変えるのと同じ方法で文字入りのマーカーを使うことができます。数字(0-9)、アルファベット大文字(A-Z)、アルファベット小文字(a-z)、一部の漢字(丸・角・消・跡)のマーカーが用意されています。別の文字のマーカーを使用したいという要望があれば、[[利用者:EkikaraManhole|EkikaraManhole]]までご連絡ください。


作成されたタグをコピーして、編集中の本文の地図を貼り付けたい位置にペーストします。IEをお使いの場合は改行が削除されてしまうことがあるようですので、その場合は表示通りに改行を付け加えてください。最後に「ページを保存」を押せば本文に反映されます。
<pre>
{{#display_map:
  35.660391, 139.708787~ ~ ~A.png;
  35.660055, 139.70887~ ~ ~a.png;
  35.659406, 139.708838~ ~ ~3.png;
  35.659813, 139.708865~ ~ ~丸.png;
  35.660458, 139.708913~ ~ ~角.png;
  35.659081, 139.708736~ ~ ~跡.png;
}}
</pre>
{{#display_map:
  35.660391, 139.708787~ ~ ~A.png;
  35.660055, 139.70887~ ~ ~a.png;
  35.659406, 139.708838~ ~ ~3.png;
  35.659813, 139.708865~ ~ ~丸.png;
  35.660458, 139.708913~ ~ ~角.png;
  35.659081, 139.708736~ ~ ~跡.png;
}}


お疲れ様でした。
==地図のカスタマイズ==
各種設定値を追加することで、地図の種類や表示範囲を指定することができます。


代表的な設定項目は以下の通りです。各設定値はバーティカルバー(|)で区切ります。


==参考情報==
*'''width:''' 表示する地図の画面上の横幅。ピクセルで指定。規定値は「500」。
*[[mediawikiwiki:Extension:Google Maps]]
*'''height:''' 表示する地図の画面上の縦幅。ピクセルで指定。規定値は「350」。
*'''center:''' 地図の中心座標。
*'''zoom:''' 地図の縮尺。数字が大きい程狭い範囲を拡大して表示します。
*'''layers:''' 使用する地図の種類。カンマ区切りで複数指定した場合、地図の右上に選択ボタンが表示されます。規定値は「OpenStreetMap,地理院地図,地理院地図 単色,空中写真 1940s,空中写真」。指定できる地図は多数ありますが、以下はその一例です。
**OpenStreetMap
**OpenStreetMap.BlackAndWhite
**OpenStreetMap.HOT
**地理院地図
**地理院地図 単色
**空中写真
**空中写真 1980s
**空中写真 1970s
**空中写真 1960s
**空中写真 1940s
**空中写真 1930s
**OpenTopoMap
**Thunderforest.OpenCycleMap
 
<pre>
{{#display_map:
  width=300|height=300|center=35.605753 139.667300|zoom=16|layers=空中写真 1930s|
}}
</pre>
{{#display_map:
  width=300|height=300|center=35.605753 139.667300|zoom=16|layers=空中写真 1930s|
}}
 
==色々とカスタマイズした地図の例==
<pre>
{{#display_map:
  center=35.605753 139.667300|width=700|height=450|zoom=15|layers=空中写真 1940s,空中写真 1970s,空中写真,地理院地図|
  35.600753 139.667300~その1~解説1~E.png;
  35.600753 139.657300~その2~解説2~Red-marker.png;
  35.610753 139.677300~その3~解説3~Green-marker.png;
}}
</pre>
{{#display_map:
  center=35.605753 139.667300|width=700|height=450|zoom=15|layers=空中写真 1940s,空中写真 1970s,空中写真,地理院地図|
  35.600753 139.667300~その1~解説1~E.png;
  35.600753 139.657300~その2~解説2~Red-marker.png;
  35.610753 139.677300~その3~解説3~Green-marker.png;
}}
 
==地図エディタ==
[[特別:地図編集|地図エディタ]]が用意されています。これを使って地図上にマーカーだけではなく線や図形などのポリゴン要素を追加することも可能です。
 
その他詳しい編集方法については、[https://maps.extension.wiki/wiki/Maps_for_MediaWiki Maps for MediaWiki]の Leaflet maps に関する項目を参照してください。

2021年12月3日 (金) 16:55時点における最新版

Google Maps API の仕様変更により Google Maps Extension は使えなくなりました。代替の仕組みとして Maps Extension を導入しましたが、記述方法が異なります。

基本的には

{{#display_map:[座標]}}

というコードを埋め込むと地図が表示されます。

マーカーを一つ表示した地図の例

{{#display_map:35.600753 139.667300}}
地図を読み込み中...

マーカーを複数表示した地図の例

緯度・経度の間のコンマ(,)はあっても無くても構いません。複数の座標はセミコロン(;)で区切ります。

{{#display_map:
  35.660391, 139.708787;
  35.660055, 139.70887;
  35.659406, 139.708838;
  35.659813, 139.708865;
  35.660458, 139.708913;
  35.659081, 139.708736;
  35.65921, 139.708942;
  35.659393, 139.708988;
  35.659811, 139.709018;
  35.660155, 139.709007;
}}
地図を読み込み中...

マーカーのカスタマイズ

吹き出しに説明を記載したり、マーカーの種類を変更することができます。

説明を付ける

座標の後ろにチルダ(~)で区切って、吹き出しのタイトルと説明を加えることができます。吹き出しはマーカーをクリックすると表示されます。

{{#display_map:
  35.660391, 139.708787~タイトル1~説明1;
  35.660055, 139.70887~タイトル2~説明2;
  35.659406, 139.708838~タイトル2~説明2;
}}
地図を読み込み中...

色を変える

チルダで区切られた3番目の設定項目にマーカーの画像ファイルを指定することで、マーカーの色を変えることができます。今のところ規定値の青の他は赤と緑しか用意しておりません。もし他の色のマーカーを使用したいという要望があれば、EkikaraManholeまでご連絡ください。

なお、チルダを3つ連続して記述すると、MediaWikiの署名を挿入するコマンドになってしまいますので、チルダを連続して記述する際には間にスペースを挟んでください。

{{#display_map:
  35.660391, 139.708787;
  35.660055, 139.70887~ ~ ~Red-marker.png;
  35.659406, 139.708838~ ~ ~Green-marker.png;
}}
地図を読み込み中...

文字を入れる

色を変えるのと同じ方法で文字入りのマーカーを使うことができます。数字(0-9)、アルファベット大文字(A-Z)、アルファベット小文字(a-z)、一部の漢字(丸・角・消・跡)のマーカーが用意されています。別の文字のマーカーを使用したいという要望があれば、EkikaraManholeまでご連絡ください。

{{#display_map:
  35.660391, 139.708787~ ~ ~A.png;
  35.660055, 139.70887~ ~ ~a.png;
  35.659406, 139.708838~ ~ ~3.png;
  35.659813, 139.708865~ ~ ~丸.png;
  35.660458, 139.708913~ ~ ~角.png;
  35.659081, 139.708736~ ~ ~跡.png;
}}
地図を読み込み中...

地図のカスタマイズ

各種設定値を追加することで、地図の種類や表示範囲を指定することができます。

代表的な設定項目は以下の通りです。各設定値はバーティカルバー(|)で区切ります。

  • width: 表示する地図の画面上の横幅。ピクセルで指定。規定値は「500」。
  • height: 表示する地図の画面上の縦幅。ピクセルで指定。規定値は「350」。
  • center: 地図の中心座標。
  • zoom: 地図の縮尺。数字が大きい程狭い範囲を拡大して表示します。
  • layers: 使用する地図の種類。カンマ区切りで複数指定した場合、地図の右上に選択ボタンが表示されます。規定値は「OpenStreetMap,地理院地図,地理院地図 単色,空中写真 1940s,空中写真」。指定できる地図は多数ありますが、以下はその一例です。
    • OpenStreetMap
    • OpenStreetMap.BlackAndWhite
    • OpenStreetMap.HOT
    • 地理院地図
    • 地理院地図 単色
    • 空中写真
    • 空中写真 1980s
    • 空中写真 1970s
    • 空中写真 1960s
    • 空中写真 1940s
    • 空中写真 1930s
    • OpenTopoMap
    • Thunderforest.OpenCycleMap
{{#display_map:
  width=300|height=300|center=35.605753 139.667300|zoom=16|layers=空中写真 1930s|
}}
地図を読み込み中...

色々とカスタマイズした地図の例

{{#display_map:
  center=35.605753 139.667300|width=700|height=450|zoom=15|layers=空中写真 1940s,空中写真 1970s,空中写真,地理院地図|
  35.600753 139.667300~その1~解説1~E.png;
  35.600753 139.657300~その2~解説2~Red-marker.png;
  35.610753 139.677300~その3~解説3~Green-marker.png;
}}
地図を読み込み中...

地図エディタ

地図エディタが用意されています。これを使って地図上にマーカーだけではなく線や図形などのポリゴン要素を追加することも可能です。

その他詳しい編集方法については、Maps for MediaWikiの Leaflet maps に関する項目を参照してください。