Template:Map with marks/doc: Difference between revisions

Revision as of 09:07, 22 September 2022

Latest revision as of 02:23, 24 April 2025

(4 intermediate revisions by 2 users not shown)

Line 1:

{{documentation subpage}}

{{Uses TemplateStyles|Template:Map with marks/styles.css}}

Shows an image of a map, and draws user-specified images/icons on top of it using latitude/longitude coordinates.

{{see also|Template:Location map}}

{| class="wikitable"

|-

Line 8:

|-

| '''Simple map with a single marker, custom size, and no minimap'''<br>

{{#tag:syntaxhighlightsxhl |<nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki> | width=400 | height=150 | lat=37.8 | lon=-122.4 | zoom=5 | minimap=false |

{ "lat": 37.8, "lon": -122.4 }

}}</nowiki> | lang=jsonwikitext}}

| {{ {{BASEPAGENAME}} | width=400 | height=150 | lat=37.8 | lon=-122.4 | zoom=5 | minimap=false |

{ "lat": 37.8, "lon": -122.4 }

Line 18:

|-

| '''Two markers with labels - one as diamond shape, one uses an image from Commons'''<br>''Text label can be customized with all of [https://github.com/vega/vega/wiki/Marks#text Vega text mark] parameters by prepending "text" to their name''<br>

{{#tag:syntaxhighlightsxhl |<nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki> | lat=40.816667 | lon=14.433333 | zoom=6 |

{"lat": 40.816667, "lon": 14.433333, "shape": "diamond", "size": 70, "offsetY": -10, "text": "Mount Vesuvius", "textFontWeight": "bold", "textFontSize": 16, "textColor": "#2A4B8D"},

Line 24:

{"lat": 40.948333, "lon": 15.635556, "img": "Volcano red 32x32.svg", "width": 16, "height": 16, "offsetY": -20, "text": "Mount Vulture", "textFontWeight": "bold", "textFontSize": 16, "textColor": "#2A4B8D"}

}}</nowiki> | lang=jsonwikitext}}

| {{ {{BASEPAGENAME}} | lat=40.948333 | lon=15.635556 | zoom=6 |

{"lat": 40.816667, "lon": 14.433333, "shape": "diamond", "size": 70, "offsetY": -10, "text": "Mount Vesuvius", "textFontWeight": "bold", "textFontSize": 16, "textColor": "#2A4B8D"},

Line 32:

|-

| '''One marker with labels on a blank map'''<br>

{{#tag:syntaxhighlightsxhl |<nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki> | style=osm | lat=40.816667 | lon=14.433333 | zoom=6 |

{"lat": 40.816667, "lon": 14.433333, "shape": "diamond", "size": 70, "offsetY": -10, "text": "Mount Vesuvius", "textFontWeight": "bold", "textFontSize": 16, "textColor": "#2A4B8D"},

}}</nowiki> | lang=jsonwikitext}}

| {{ {{BASEPAGENAME}} | style=osm | lat=40.948333 | lon=15.635556 | zoom=6 |

{"lat": 40.816667, "lon": 14.433333, "shape": "diamond", "size": 70, "offsetY": -10, "text": "Mount Vesuvius", "textFontWeight": "bold", "textFontSize": 16, "textColor": "#2A4B8D"},

Line 42:

|-

| '''Data from Commons Dataset'''<br>''Same as above, but this time the data is stored on Commons in a table [[commons:Data:Sandbox/Yurik/Street map with marks sample.tab|Data:Sandbox/Yurik/Street map with marks sample.tab]]''<br>

{{#tag:syntaxhighlightsxhl |<nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki> | lat=40.948333 | lon=15.635556 | zoom=6 | table=Sandbox/Yurik/Street map with marks sample.tab}}</nowiki> | lang=jsonwikitext}}

| {{ {{BASEPAGENAME}} | lat=40.948333 | lon=15.635556 | zoom=6 | table=Sandbox/Yurik/Street map with marks sample.tab}}

|-

| '''Show all Armenian heritage sites''', by querying it from Wikidata<br>''The query result should have the same columns (fields) as in the other examples (<code>text, img, ...</code>), except coordinates should be returned as <code>coord</code> column''

{{#tag:syntaxhighlightsxhl |<nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki> | lat=40.347 | lon=47.260 | zoom=6 | colorScaleField=type | wdqs=

# Each ___location should show only once. This query may output all the same values as in the other examples, such as "text", "img", and others.

SELECT (SAMPLE(?coord) as ?coord) (SAMPLE(?type) as ?type)

Line 67:

}}

|-

| {{#tag:syntaxhighlightsxhl |<nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki> | lat=-33.8688 | lon=151.2093 | zoom=10 |

{

"lat": -33.8688,

Line 81:

"textDx": -30

}

}}</nowiki> | lang=jsonwikitext}}

| {{ {{BASEPAGENAME}} | lat=-33.8688 | lon=151.2093 | zoom=10 |

{

Line 153:

==See also==

{{see* also|[[Template:Location map}}]]

* [[Template:OSM Location map]] - to use this mapping template with standard wikipedia syntax

* [[Template:Query map]] - automtically produce a map showing all of a certain type of thing in a certain area, e.g. lighthouses in Cornwall.

==Template data==

<templatedata>

{

Line 222 ⟶ 224:

}

</templatedata>

{{Template:Graph, chart and plot templates|cat=no}}

<includeonly> {{sandbox other||

[[Category:Graph Template Collection]]

[[Category:Graph, chart and plot templates]]

}} </includeonly>