|
|
| Line 1: |
Line 1: |
| This page is a test ground and demo for using maps in mediawiki.
| | [[Mediawiki]] can be used with the [[Mediawiki Extension Maps]] to display maps with markers based on coordinates. These coordinates can be provided explicitly or through data, such as through [[Mediawiki Extension Cargo]]. |
| | |
| | == Maps via Cargo Displayformat == |
| | Cargo can format its query results in some unexpected ways, and one of them is [https://www.mediawiki.org/wiki/Extension:Cargo/Display_formats#Maps as a map]. |
| | |
| | {{#cargo_query: table=Place |
| | |format = leaflet |
| | |fields = Name, Description, Coordinates |
| | |width = 400 |
| | |height = 300 |
| | }} |
|
| |
|
| == Maps extension == | | == Maps extension == |
| Line 16: |
Line 26: |
| |resizable=on | | |resizable=on |
| |layers=OpenStreetMap,Esri.WorldImagery | | |layers=OpenStreetMap,Esri.WorldImagery |
| | |height=200 |
| }} | | }} |
|
| |
|
| == Cargo Displayformat Maps ==
| |
| [https://www.mediawiki.org/wiki/Extension:Cargo/Display_formats#Maps Cargo Displayformat Maps]
| |
| * [https://openlayers.org/ Openlayers]
| |
| {{#cargo_query: table=Place
| |
| |format = openlayers
| |
| |fields = Name, Description, Coordinates
| |
| |width = 400
| |
| |height = 300
| |
| }}
| |
|
| |
|
| * [https://leafletjs.com/ Leaflet]
| |
| {{#cargo_query: table=Place
| |
| |format = leaflet
| |
| |fields = Name, Description, Coordinates
| |
| |width = 400
| |
| |height = 300
| |
| }}
| |
|
| |
| === Notes ===
| |
| * parameters:
| |
| ** |icon = Squirrelslair 200.png - works, but poor visibility
| |
|
| |
| * googlemaps would require billing <!--
| |
| {{#cargo_query: table=Place
| |
| |format = googlemaps
| |
| |fields = Name, Description, Coordinates
| |
| |width = 400
| |
| |height = 300
| |
| }} -->
| |
|
| |
|
| == Encode locations in a cargo table to use them in queries== | | == Encode locations in a cargo table to use them in queries== |
Mediawiki can be used with the Mediawiki Extension Maps to display maps with markers based on coordinates. These coordinates can be provided explicitly or through data, such as through Mediawiki Extension Cargo.
Maps via Cargo Displayformat
Cargo can format its query results in some unexpected ways, and one of them is as a map.
[{"name":"North Forge","title":"North Forge","lat":49.899598082492,"lon":-97.142246775753,"otherValues":{"Description":"\u003Ca rel=\"nofollow\" class=\"external text\" href=\"https:\/\/northforge.ca\/\"\u003EA makerspace\u003C\/a\u003E"}},{"name":"WRC","title":"WRC","lat":49.880861216096,"lon":-97.130635994818,"otherValues":{"Description":"\u003Ca rel=\"nofollow\" class=\"external text\" href=\"https:\/\/winnipegrowingclub.ca\/\"\u003EA rowing club\u003C\/a\u003E"}}]
Maps extension
Maps extension with an inline Cargo query to set targets and a line
Loading map...
{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"auto","height":"200px","centre":false,"title":"","label":"","icon":"","lines":[{"text":"","title":"","link":"","strokeColor":"#FF0000","strokeOpacity":"1","strokeWeight":"2","pos":[{"lat":49.89959808249238,"lon":-97.14224677575343},{"lat":49.88086121609553,"lon":-97.13063599481808}]}],"polygons":[],"circles":[],"rectangles":[],"copycoords":true,"static":false,"zoom":false,"defzoom":14,"layers":["OpenStreetMap","Esri.WorldImagery"],"image layers":[],"overlays":[],"resizable":true,"fullscreen":false,"scrollwheelzoom":true,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[],"locations":[],"imageoverlays":null}
Encode locations in a cargo table to use them in queries
Template:Place defines Cargo Table Place.
Locations can be grabbed from Google Maps by right-clicking on an area and then clicking on the coordinates. They can be pasted into the Coordinates template paramater.
Here are the template calls (see edit view).