「ヘルプ:地図の編集」の版間の差分
EkikaraManhole (トーク | 投稿記録) 細 (→色を変える) |
EkikaraManhole (トーク | 投稿記録) 細 (→地図のカスタマイズ) |
||
(同じ利用者による、間の23版が非表示) | |||
1行目: | 1行目: | ||
Google Maps API の仕様変更により Google Maps | Google Maps API の仕様変更により Google Maps Extension は使えなくなりました。代替の仕組みとして Maps Extension を導入しましたが、記述方法が異なります。 | ||
基本的には | 基本的には | ||
47行目: | 47行目: | ||
===説明を付ける=== | ===説明を付ける=== | ||
座標の後ろにチルダ(~)で区切って、吹き出しのタイトルと説明を加えることができます。吹き出しはマーカーをクリックすると表示されます。 | |||
<pre> | <pre> | ||
{{#display_map: | {{#display_map: | ||
63行目: | 63行目: | ||
===色を変える=== | ===色を変える=== | ||
チルダで区切られた3番目の設定項目にマーカーの画像ファイルを指定することで、マーカーの色を変えることができます。今のところ規定値の青の他は赤と緑しか用意しておりません。もし他の色のマーカーを使用したいという要望があれば、[[利用者:EkikaraManhole|EkikaraManhole]]までご連絡ください。 | |||
なお、チルダを3つ連続して記述すると、MediaWikiの[[ヘルプ:目次#.E7.BD.B2.E5.90.8D|署名]]を挿入するコマンドになってしまいますので、チルダを連続して記述する際には間にスペースを挟んでください。 | |||
<pre> | <pre> | ||
76行目: | 76行目: | ||
{{#display_map: | {{#display_map: | ||
35.660391, 139.708787; | 35.660391, 139.708787; | ||
35.660055, 139.70887; | 35.660055, 139.70887~ ~ ~Red-marker.png; | ||
35.659406, 139.708838; | 35.659406, 139.708838~ ~ ~Green-marker.png; | ||
}} | }} | ||
===文字を入れる=== | ===文字を入れる=== | ||
色を変えるのと同じ方法で文字入りのマーカーを使うことができます。数字(0-9)、アルファベット大文字(A-Z)、アルファベット小文字(a-z)、一部の漢字(丸・角・消・跡)のマーカーが用意されています。別の文字のマーカーを使用したいという要望があれば、[[利用者:EkikaraManhole|EkikaraManhole]]までご連絡ください。 | |||
<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」。 | *'''width:''' 表示する地図の画面上の横幅。ピクセルで指定。規定値は「500」。 | ||
91行目: | 111行目: | ||
*'''center:''' 地図の中心座標。 | *'''center:''' 地図の中心座標。 | ||
*'''zoom:''' 地図の縮尺。数字が大きい程狭い範囲を拡大して表示します。 | *'''zoom:''' 地図の縮尺。数字が大きい程狭い範囲を拡大して表示します。 | ||
*''' | *'''layers:''' 使用する地図の種類。カンマ区切りで複数指定した場合、地図の右上に選択ボタンが表示されます。規定値は「OpenStreetMap,地理院地図,地理院地図 単色,空中写真 1940s,空中写真」。指定できる地図は多数ありますが、以下はその一例です。 | ||
**OpenStreetMap | **OpenStreetMap | ||
**OpenStreetMap.BlackAndWhite | **OpenStreetMap.BlackAndWhite | ||
97行目: | 117行目: | ||
**地理院地図 | **地理院地図 | ||
**地理院地図 単色 | **地理院地図 単色 | ||
**空中写真 | |||
**空中写真 1980s | |||
**空中写真 1970s | |||
**空中写真 1960s | |||
**空中写真 1940s | |||
**空中写真 1930s | |||
**OpenTopoMap | **OpenTopoMap | ||
**Thunderforest.OpenCycleMap | **Thunderforest.OpenCycleMap | ||
102行目: | 128行目: | ||
<pre> | <pre> | ||
{{#display_map: | {{#display_map: | ||
width= | width=300|height=300|center=35.605753 139.667300|zoom=16|layers=空中写真 1930s| | ||
}} | }} | ||
</pre> | </pre> | ||
{{#display_map: | {{#display_map: | ||
width= | width=300|height=300|center=35.605753 139.667300|zoom=16|layers=空中写真 1930s| | ||
}} | }} | ||
112行目: | 138行目: | ||
<pre> | <pre> | ||
{{#display_map: | {{#display_map: | ||
center=35.605753 139.667300|width= | 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.667300~その1~解説1~E.png; | ||
35.600753 139.657300~その2~解説2~Red-marker.png; | 35.600753 139.657300~その2~解説2~Red-marker.png; | ||
119行目: | 145行目: | ||
</pre> | </pre> | ||
{{#display_map: | {{#display_map: | ||
center=35.605753 139.667300|width= | 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.667300~その1~解説1~E.png; | ||
35.600753 139.657300~その2~解説2~Red-marker.png; | 35.600753 139.657300~その2~解説2~Red-marker.png; |
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 に関する項目を参照してください。