mapcomplete/Docs/SpecialRenderings.md

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

932 lines
39 KiB
Markdown
Raw Normal View History

2023-02-12 23:08:57 +01:00
[//]: # (WARNING: this file is automatically generated. Please find the sources at the bottom and edit those sources)
2022-02-14 04:59:49 +01:00
Special tag renderings
2021-11-30 22:45:25 +01:00
========================
2022-02-14 04:59:49 +01:00
2022-04-03 03:49:09 +02:00
In a tagrendering, some special values are substituted by an advanced UI-element. This allows advanced features and visualizations to be reused by custom themes or even to query third-party API's.
General usage is `{func_name()}`, `{func_name(arg, someotherarg)}` or `{func_name(args):cssStyle}`. Note that you _do not_ need to use quotes around your arguments, the comma is enough to separate them. This also implies you cannot use a comma in your args
#### Using expanded syntax
2022-07-31 13:33:45 +02:00
Instead of using `{"render": {"en": "{some_special_visualisation(some_arg, some other really long message, more args)} , "nl": "{some_special_visualisation(some_arg, een boodschap in een andere taal, more args)}}`, one can also write
2023-02-12 23:08:57 +01:00
```
{
2022-07-31 13:33:45 +02:00
"render": {
"special": {
"type": "some_special_visualisation",
"argname": "some_arg",
"message": {
"en": "some other really long message",
"nl": "een boodschap in een andere taal"
},
"other_arg_name": "more args"
2023-02-12 23:08:57 +01:00
},
"before": {
"en": "Some text to prefix before the special element (e.g. a title)",
"nl": "Een tekst om voor het element te zetten (bv. een titel)"
},
"after": {
"en": "Some text to put after the element, e.g. a footer"
2022-07-31 13:33:45 +02:00
}
}
2023-02-12 23:08:57 +01:00
}
```
In other words: use `{ "before": ..., "after": ..., "special": {"type": ..., "argname": ...argvalue...}`. The args are in the `special` block; an argvalue can be a string, a translation or another value. (Refer to class `RewriteSpecial` in case of problems)
2022-04-03 03:49:09 +02:00
## Table of contents
2021-11-30 22:45:25 +01:00
2021-11-30 22:50:48 +01:00
1. [Special tag renderings](#special-tag-renderings)
2022-04-03 03:49:09 +02:00
* [Using expanded syntax](#using-expanded-syntax)
2022-11-02 13:47:34 +01:00
+ [histogram](#histogram)
* [Example usage of histogram](#example-usage-of-histogram)
+ [steal](#steal)
* [Example usage of steal](#example-usage-of-steal)
+ [minimap](#minimap)
* [Example usage of minimap](#example-usage-of-minimap)
+ [sided_minimap](#sided_minimap)
* [Example usage of sided_minimap](#example-usage-of-sided_minimap)
+ [share_link](#share_link)
* [Example usage of share_link](#example-usage-of-share_link)
+ [upload_to_osm](#upload_to_osm)
* [Example usage of upload_to_osm](#example-usage-of-upload_to_osm)
+ [multi_apply](#multi_apply)
* [Example usage of multi_apply](#example-usage-of-multi_apply)
+ [export_as_gpx](#export_as_gpx)
* [Example usage of export_as_gpx](#example-usage-of-export_as_gpx)
+ [add_note_comment](#add_note_comment)
* [Example usage of add_note_comment](#example-usage-of-add_note_comment)
+ [plantnet_detection](#plantnet_detection)
* [Example usage of plantnet_detection](#example-usage-of-plantnet_detection)
+ [import_button](#import_button)
* [Example usage of import_button](#example-usage-of-import_button)
+ [import_way_button](#import_way_button)
* [Example usage of import_way_button](#example-usage-of-import_way_button)
+ [conflate_button](#conflate_button)
* [Example usage of conflate_button](#example-usage-of-conflate_button)
+ [tag_apply](#tag_apply)
* [Example usage of tag_apply](#example-usage-of-tag_apply)
+ [close_note](#close_note)
* [Example usage of close_note](#example-usage-of-close_note)
+ [nearby_images](#nearby_images)
* [Example usage of nearby_images](#example-usage-of-nearby_images)
+ [mapillary_link](#mapillary_link)
* [Example usage of mapillary_link](#example-usage-of-mapillary_link)
+ [language_chooser](#language_chooser)
* [Example usage of language_chooser](#example-usage-of-language_chooser)
2021-11-30 22:45:25 +01:00
+ [all_tags](#all_tags)
2022-02-14 04:59:49 +01:00
* [Example usage of all_tags](#example-usage-of-all_tags)
2021-11-30 22:45:25 +01:00
+ [image_carousel](#image_carousel)
2022-02-14 04:59:49 +01:00
* [Example usage of image_carousel](#example-usage-of-image_carousel)
2021-11-30 22:45:25 +01:00
+ [image_upload](#image_upload)
2022-02-14 04:59:49 +01:00
* [Example usage of image_upload](#example-usage-of-image_upload)
2021-11-30 22:45:25 +01:00
+ [wikipedia](#wikipedia)
2022-02-14 04:59:49 +01:00
* [Example usage of wikipedia](#example-usage-of-wikipedia)
+ [wikidata_label](#wikidata_label)
* [Example usage of wikidata_label](#example-usage-of-wikidata_label)
2021-11-30 22:45:25 +01:00
+ [reviews](#reviews)
2022-02-14 04:59:49 +01:00
* [Example usage of reviews](#example-usage-of-reviews)
2021-11-30 22:45:25 +01:00
+ [opening_hours_table](#opening_hours_table)
2022-02-14 04:59:49 +01:00
* [Example usage of opening_hours_table](#example-usage-of-opening_hours_table)
2021-11-30 22:45:25 +01:00
+ [live](#live)
2022-02-14 04:59:49 +01:00
* [Example usage of live](#example-usage-of-live)
2021-11-30 22:45:25 +01:00
+ [canonical](#canonical)
2022-02-14 04:59:49 +01:00
* [Example usage of canonical](#example-usage-of-canonical)
2021-12-30 22:02:11 +01:00
+ [export_as_geojson](#export_as_geojson)
2022-02-14 04:59:49 +01:00
* [Example usage of export_as_geojson](#example-usage-of-export_as_geojson)
2021-12-30 22:02:11 +01:00
+ [open_in_iD](#open_in_id)
2022-02-14 04:59:49 +01:00
* [Example usage of open_in_iD](#example-usage-of-open_in_id)
2022-06-09 03:00:13 +02:00
+ [open_in_josm](#open_in_josm)
* [Example usage of open_in_josm](#example-usage-of-open_in_josm)
2021-11-30 22:45:25 +01:00
+ [clear_location_history](#clear_location_history)
2022-02-14 04:59:49 +01:00
* [Example usage of clear_location_history](#example-usage-of-clear_location_history)
2022-01-12 02:31:51 +01:00
+ [visualize_note_comments](#visualize_note_comments)
2022-02-14 04:59:49 +01:00
* [Example usage of visualize_note_comments](#example-usage-of-visualize_note_comments)
2022-01-12 02:31:51 +01:00
+ [add_image_to_note](#add_image_to_note)
2022-02-14 04:59:49 +01:00
* [Example usage of add_image_to_note](#example-usage-of-add_image_to_note)
2022-02-28 17:16:21 +01:00
+ [title](#title)
* [Example usage of title](#example-usage-of-title)
2022-07-31 13:33:45 +02:00
+ [maproulette_task](#maproulette_task)
* [Example usage of maproulette_task](#example-usage-of-maproulette_task)
+ [maproulette_set_status](#maproulette_set_status)
* [Example usage of maproulette_set_status](#example-usage-of-maproulette_set_status)
2022-07-26 16:58:51 +02:00
+ [statistics](#statistics)
* [Example usage of statistics](#example-usage-of-statistics)
2022-07-31 13:33:45 +02:00
+ [send_email](#send_email)
* [Example usage of send_email](#example-usage-of-send_email)
+ [multi](#multi)
* [Example usage of multi](#example-usage-of-multi)
2021-12-12 02:59:59 +01:00
+ [auto_apply](#auto_apply)
2022-02-14 04:59:49 +01:00
* [Example usage of auto_apply](#example-usage-of-auto_apply)
2021-11-08 02:36:01 +01:00
2021-11-07 17:18:10 +01:00
2022-11-02 13:47:34 +01:00
### histogram
2022-02-14 04:59:49 +01:00
2022-11-02 13:47:34 +01:00
Create a histogram for a list of given values, read from the properties.
2021-10-11 23:46:58 +02:00
name | default | description
------ | --------- | -------------
2022-11-02 13:47:34 +01:00
key | _undefined_ | The key to be read and to generate a histogram from
title | _empty string_ | This text will be placed above the texts (in the first column of the visulasition)
countHeader | _empty string_ | This text will be placed above the bars
colors* | _undefined_ | (Matches all resting arguments - optional) Matches a regex onto a color value, e.g. `3[a-zA-Z+-]*:#33cc33`
2022-02-14 04:59:49 +01:00
2022-11-02 13:47:34 +01:00
#### Example usage of histogram
2022-02-14 04:59:49 +01:00
2022-11-02 13:47:34 +01:00
`{histogram('some_key')}` with properties being `{some_key: ['a','b','a','c']} to create a histogram
2021-10-11 23:46:58 +02:00
2022-11-02 13:47:34 +01:00
### steal
2022-11-02 13:47:34 +01:00
Shows a tagRendering from a different object as if this was the object itself
name | default | description
------ | --------- | -------------
2022-11-02 13:47:34 +01:00
featureId | _undefined_ | The key of the attribute which contains the id of the feature from which to use the tags
tagRenderingId | _undefined_ | The layer-id and tagRenderingId to render. Can be multiple value if ';'-separated (in which case every value must also contain the layerId, e.g. `layerId.tagRendering0; layerId.tagRendering1`). Note: this can cause layer injection
2022-11-02 13:47:34 +01:00
#### Example usage of steal
2022-11-02 13:47:34 +01:00
`{steal(,)}`
2022-02-14 04:59:49 +01:00
### minimap
2021-11-08 02:36:01 +01:00
2022-02-14 04:59:49 +01:00
A small map showing the selected feature.
2021-06-24 14:03:02 +02:00
name | default | description
------ | --------- | -------------
zoomlevel | 18 | The (maximum) zoomlevel: the target zoomlevel after fitting the entire feature. The minimap will fit the entire feature, then zoom out to this zoom level. The higher, the more zoomed in with 1 being the entire world and 19 being really close
2022-10-11 01:39:09 +02:00
idKey | id | (Matches all resting arguments) This argument should be the key of a property of the feature. The corresponding value is interpreted as either the id or the a list of ID's. The features with these ID's will be shown on this minimap. (Note: if the key is 'id', list interpration is disabled)
2022-02-14 04:59:49 +01:00
2021-06-24 14:03:02 +02:00
2022-02-14 04:59:49 +01:00
#### Example usage of minimap
2022-11-02 13:47:34 +01:00
`{minimap(18,id)}`
2021-11-08 02:36:01 +01:00
2022-02-14 04:59:49 +01:00
### sided_minimap
A small map showing _only one side_ the selected feature. *This features requires to have linerenderings with offset* as only linerenderings with a postive or negative offset will be shown. Note: in most cases, this map will be automatically introduced
2021-10-28 03:21:17 +02:00
name | default | description
------ | --------- | -------------
2021-10-29 13:53:00 +02:00
side | _undefined_ | The side to show, either `left` or `right`
2022-02-14 04:59:49 +01:00
#### Example usage of sided_minimap
`{sided_minimap(left)}`
2021-10-28 03:21:17 +02:00
2022-11-02 13:47:34 +01:00
### share_link
2021-11-08 02:36:01 +01:00
2022-11-02 13:47:34 +01:00
Creates a link that (attempts to) open the native 'share'-screen
name | default | description
------ | --------- | -------------
2022-11-02 13:47:34 +01:00
url | _undefined_ | The url to share (default: current URL)
2022-02-14 04:59:49 +01:00
2022-11-02 13:47:34 +01:00
#### Example usage of share_link
2022-11-02 13:47:34 +01:00
{share_link()} to share the current page, {share_link(<some_url>)} to share the given url
2021-11-08 02:36:01 +01:00
2022-02-14 04:59:49 +01:00
2022-11-02 13:47:34 +01:00
### upload_to_osm
2022-11-02 13:47:34 +01:00
Uploads the GPS-history as GPX to OpenStreetMap.org; clears the history afterwards. The actual feature is ignored.
2022-02-04 01:21:45 +01:00
2022-11-02 13:47:34 +01:00
#### Example usage of upload_to_osm
2022-11-02 13:47:34 +01:00
`{upload_to_osm()}`
2021-11-08 02:36:01 +01:00
2022-11-02 13:47:34 +01:00
### multi_apply
2022-02-14 04:59:49 +01:00
2022-11-02 13:47:34 +01:00
A button to apply the tagging of this object onto a list of other features. This is an advanced feature for which you'll need calculatedTags
name | default | description
------ | --------- | -------------
2022-11-02 13:47:34 +01:00
feature_ids | _undefined_ | A JSON-serialized list of IDs of features to apply the tagging on
keys | _undefined_ | One key (or multiple keys, seperated by ';') of the attribute that should be copied onto the other features.
text | _undefined_ | The text to show on the button
autoapply | _undefined_ | A boolean indicating wether this tagging should be applied automatically if the relevant tags on this object are changed. A visual element indicating the multi_apply is still shown
overwrite | _undefined_ | If set to 'true', the tags on the other objects will always be overwritten. The default behaviour will be to only change the tags on other objects if they are either undefined or had the same value before the change
2022-02-14 04:59:49 +01:00
2022-11-02 13:47:34 +01:00
#### Example usage of multi_apply
2022-11-02 13:47:34 +01:00
{multi_apply(_features_with_the_same_name_within_100m, name:etymology:wikidata;name:etymology, Apply etymology information on all nearby objects with the same name)}
2021-11-08 02:36:01 +01:00
2022-02-14 04:59:49 +01:00
2022-11-02 13:47:34 +01:00
### export_as_gpx
2022-11-02 13:47:34 +01:00
Exports the selected feature as GPX-file
2022-02-14 04:59:49 +01:00
2022-11-02 13:47:34 +01:00
#### Example usage of export_as_gpx
2022-11-02 13:47:34 +01:00
`{export_as_gpx()}`
2021-11-08 02:36:01 +01:00
2022-11-02 13:47:34 +01:00
### add_note_comment
2022-02-14 04:59:49 +01:00
2022-11-02 13:47:34 +01:00
A textfield to add a comment to a node (with the option to close the note).
name | default | description
------ | --------- | -------------
2022-11-02 13:47:34 +01:00
Id-key | id | The property name where the ID of the note to close can be found
2022-02-14 04:59:49 +01:00
2022-11-02 13:47:34 +01:00
#### Example usage of add_note_comment
2022-11-02 13:47:34 +01:00
`{add_note_comment(id)}`
2021-11-08 02:36:01 +01:00
2022-11-02 13:47:34 +01:00
### plantnet_detection
2022-02-14 04:59:49 +01:00
2022-11-02 13:47:34 +01:00
Sends the images linked to the current object to plantnet.org and asks it what plant species is shown on it. The user can then select the correct species; the corresponding wikidata-identifier will then be added to the object (together with `source:species:wikidata=plantnet.org AI`).
2021-06-24 14:03:02 +02:00
name | default | description
------ | --------- | -------------
2022-11-02 13:47:34 +01:00
image_key | image,mapillary,image,wikidata,wikimedia_commons,image,image | The keys given to the images, e.g. if <span class='literal-code'>image</span> is given, the first picture URL will be added as <span class='literal-code'>image</span>, the second as <span class='literal-code'>image:0</span>, the third as <span class='literal-code'>image:1</span>, etc... Multiple values are allowed if ';'-separated
2022-02-14 04:59:49 +01:00
2022-11-02 13:47:34 +01:00
#### Example usage of plantnet_detection
2021-06-24 14:03:02 +02:00
2022-11-02 13:47:34 +01:00
`{plantnet_detection(image,mapillary,image,wikidata,wikimedia_commons,image,image)}`
2021-11-08 02:36:01 +01:00
2022-02-14 04:59:49 +01:00
### import_button
2022-02-14 04:59:49 +01:00
This button will copy the point from an external dataset into OpenStreetMap
Note that the contributor must zoom to at least zoomlevel 18 to be able to use this functionality.
It is only functional in official themes, but can be tested in unoffical themes.
2021-12-11 02:52:51 +01:00
#### Specifying which tags to copy or add
2022-02-14 04:59:49 +01:00
The argument `tags` of the import button takes a `;`-seperated list of tags to add (or the name of a property which contains a JSON-list of properties).
2021-12-11 02:52:51 +01:00
2022-10-11 01:39:09 +02:00
These can either be a tag to add, such as `amenity=fast_food` or can use a substitution, e.g. `addr:housenumber=$number`.
This new point will then have the tags `amenity=fast_food` and `addr:housenumber` with the value that was saved in `number` in the original feature.
2021-12-11 02:52:51 +01:00
If a value to substitute is undefined, empty string will be used instead.
This supports multiple values, e.g. `ref=$source:geometry:type/$source:geometry:ref`
2022-02-14 04:59:49 +01:00
Remark that the syntax is slightly different then expected; it uses '$' to note a value to copy, followed by a name (matched with `[a-zA-Z0-9_:]*`). Sadly, delimiting with `{}` as these already mark the boundaries of the special rendering...
2021-12-11 02:52:51 +01:00
2022-02-14 04:59:49 +01:00
Note that these values can be prepare with javascript in the theme by using a [calculatedTag](calculatedTags.md#calculating-tags-with-javascript)
#### Importing a dataset into OpenStreetMap: requirements
2021-09-18 02:29:47 +02:00
If you want to import a dataset, make sure that:
1. The dataset to import has a suitable license
2. The community has been informed of the import
2022-02-14 04:59:49 +01:00
3. All other requirements of the [import guidelines](https://wiki.openstreetmap.org/wiki/Import/Guidelines) have been followed
2021-10-11 23:46:58 +02:00
There are also some technicalities in your theme to keep in mind:
2022-02-14 04:59:49 +01:00
1. The new feature will be added and will flow through the program as any other new point as if it came from OSM.
This means that there should be a layer which will match the new tags and which will display it.
2. The original feature from your geojson layer will gain the tag '_imported=yes'.
This should be used to change the appearance or even to hide it (eg by changing the icon size to zero)
3. There should be a way for the theme to detect previously imported points, even after reloading.
A reference number to the original dataset is an excellent way to do this
2022-10-11 01:39:09 +02:00
4. When importing ways, the theme creator is also responsible of avoiding overlapping ways.
2021-11-07 16:34:51 +01:00
#### Disabled in unofficial themes
2022-10-11 01:39:09 +02:00
The import button can be tested in an unofficial theme by adding `test=true` or `backend=osm-test` as [URL-paramter](URL_Parameters.md).
2022-02-14 04:59:49 +01:00
The import button will show up then. If in testmode, you can read the changeset-XML directly in the web console.
In the case that MapComplete is pointed to the testing grounds, the edit will be made on https://master.apis.dev.openstreetmap.org
2021-12-11 02:52:51 +01:00
name | default | description
------ | --------- | -------------
2022-02-14 04:59:49 +01:00
targetLayer | _undefined_ | The id of the layer where this point should end up. This is not very strict, it will simply result in checking that this layer is shown preventing possible duplicate elements
tags | _undefined_ | The tags to add onto the new object - see specification above. If this is a key (a single word occuring in the properties of the object), the corresponding value is taken and expanded instead
2021-12-11 02:52:51 +01:00
text | Import this data into OpenStreetMap | The text to show on the button
icon | ./assets/svg/addSmall.svg | A nice icon to show in the button
2022-02-14 04:59:49 +01:00
snap_onto_layers | _undefined_ | If a way of the given layer(s) is closeby, will snap the new point onto this way (similar as preset might snap). To show multiple layers to snap onto, use a `;`-seperated list
2021-12-11 02:52:51 +01:00
max_snap_distance | 5 | The maximum distance that the imported point will be moved to snap onto a way in an already existing layer (in meters). This is previewed to the contributor, similar to the 'add new point'-action of MapComplete
2022-02-14 04:59:49 +01:00
note_id | _undefined_ | If given, this key will be read. The corresponding note on OSM will be closed, stating 'imported'
2022-04-03 03:49:09 +02:00
location_picker | photo | Chooses the background for the precise location picker, options are 'map', 'photo' or 'osmbasedmap' or 'none' if the precise input picker should be disabled
2023-02-12 23:08:57 +01:00
maproulette_id | _undefined_ | The property name of the maproulette_id - this is probably `mr_taskId`. If given, the maproulette challenge will be marked as fixed. Only use this if part of a maproulette-layer.
2022-02-14 04:59:49 +01:00
#### Example usage of import_button
2021-11-07 17:18:10 +01:00
2022-07-13 10:03:09 +02:00
`{import_button(,,Import this data into OpenStreetMap,./assets/svg/addSmall.svg,,5,,photo,)}`
2021-12-11 02:52:51 +01:00
2022-02-14 04:59:49 +01:00
### import_way_button
2021-12-11 02:52:51 +01:00
2022-02-14 04:59:49 +01:00
This button will copy the data from an external dataset into OpenStreetMap
Note that the contributor must zoom to at least zoomlevel 18 to be able to use this functionality.
It is only functional in official themes, but can be tested in unoffical themes.
#### Specifying which tags to copy or add
2022-02-14 04:59:49 +01:00
The argument `tags` of the import button takes a `;`-seperated list of tags to add (or the name of a property which contains a JSON-list of properties).
2022-10-11 01:39:09 +02:00
These can either be a tag to add, such as `amenity=fast_food` or can use a substitution, e.g. `addr:housenumber=$number`.
This new point will then have the tags `amenity=fast_food` and `addr:housenumber` with the value that was saved in `number` in the original feature.
If a value to substitute is undefined, empty string will be used instead.
This supports multiple values, e.g. `ref=$source:geometry:type/$source:geometry:ref`
2022-02-14 04:59:49 +01:00
Remark that the syntax is slightly different then expected; it uses '$' to note a value to copy, followed by a name (matched with `[a-zA-Z0-9_:]*`). Sadly, delimiting with `{}` as these already mark the boundaries of the special rendering...
2022-02-14 04:59:49 +01:00
Note that these values can be prepare with javascript in the theme by using a [calculatedTag](calculatedTags.md#calculating-tags-with-javascript)
2021-12-11 02:52:51 +01:00
#### Importing a dataset into OpenStreetMap: requirements
2021-11-07 17:18:10 +01:00
2021-12-11 02:52:51 +01:00
If you want to import a dataset, make sure that:
1. The dataset to import has a suitable license
2. The community has been informed of the import
2022-02-14 04:59:49 +01:00
3. All other requirements of the [import guidelines](https://wiki.openstreetmap.org/wiki/Import/Guidelines) have been followed
2021-12-11 02:52:51 +01:00
There are also some technicalities in your theme to keep in mind:
2022-02-14 04:59:49 +01:00
1. The new feature will be added and will flow through the program as any other new point as if it came from OSM.
This means that there should be a layer which will match the new tags and which will display it.
2. The original feature from your geojson layer will gain the tag '_imported=yes'.
This should be used to change the appearance or even to hide it (eg by changing the icon size to zero)
3. There should be a way for the theme to detect previously imported points, even after reloading.
A reference number to the original dataset is an excellent way to do this
2022-10-11 01:39:09 +02:00
4. When importing ways, the theme creator is also responsible of avoiding overlapping ways.
2021-12-11 02:52:51 +01:00
#### Disabled in unofficial themes
2022-10-11 01:39:09 +02:00
The import button can be tested in an unofficial theme by adding `test=true` or `backend=osm-test` as [URL-paramter](URL_Parameters.md).
2022-02-14 04:59:49 +01:00
The import button will show up then. If in testmode, you can read the changeset-XML directly in the web console.
In the case that MapComplete is pointed to the testing grounds, the edit will be made on https://master.apis.dev.openstreetmap.org
2021-09-18 02:29:47 +02:00
name | default | description
------ | --------- | -------------
2022-02-14 04:59:49 +01:00
targetLayer | _undefined_ | The id of the layer where this point should end up. This is not very strict, it will simply result in checking that this layer is shown preventing possible duplicate elements
tags | _undefined_ | The tags to add onto the new object - see specification above. If this is a key (a single word occuring in the properties of the object), the corresponding value is taken and expanded instead
2021-09-18 02:29:47 +02:00
text | Import this data into OpenStreetMap | The text to show on the button
icon | ./assets/svg/addSmall.svg | A nice icon to show in the button
2021-12-11 02:52:51 +01:00
snap_to_point_if | _undefined_ | Points with the given tags will be snapped to or moved
2022-02-28 17:16:21 +01:00
max_snap_distance | 0.05 | If the imported object is a LineString or (Multi)Polygon, already existing OSM-points will be reused to construct the geometry of the newly imported way
2021-12-11 02:52:51 +01:00
move_osm_point_if | _undefined_ | Moves the OSM-point to the newly imported point if these conditions are met
2022-02-28 17:16:21 +01:00
max_move_distance | 0.05 | If an OSM-point is moved, the maximum amount of meters it is moved. Capped on 20m
2022-02-14 04:59:49 +01:00
snap_onto_layers | _undefined_ | If no existing nearby point exists, but a line of a specified layer is closeby, snap to this layer instead
2021-12-11 02:52:51 +01:00
snap_to_layer_max_distance | 0.1 | Distance to distort the geometry to snap to this layer
2022-02-14 04:59:49 +01:00
#### Example usage of import_way_button
2021-12-11 02:52:51 +01:00
2022-02-28 17:16:21 +01:00
`{import_way_button(,,Import this data into OpenStreetMap,./assets/svg/addSmall.svg,,0.05,,0.05,,0.1)}`
2021-12-11 02:52:51 +01:00
2022-02-14 04:59:49 +01:00
### conflate_button
2021-12-11 02:52:51 +01:00
2022-02-14 04:59:49 +01:00
This button will modify the geometry of an existing OSM way to match the specified geometry. This can conflate OSM-ways with LineStrings and Polygons (only simple polygons with one single ring). An attempt is made to move points with special values to a decent new location (e.g. entrances)
Note that the contributor must zoom to at least zoomlevel 18 to be able to use this functionality.
It is only functional in official themes, but can be tested in unoffical themes.
2021-12-11 02:52:51 +01:00
#### Specifying which tags to copy or add
2022-02-14 04:59:49 +01:00
The argument `tags` of the import button takes a `;`-seperated list of tags to add (or the name of a property which contains a JSON-list of properties).
2021-12-11 02:52:51 +01:00
2022-10-11 01:39:09 +02:00
These can either be a tag to add, such as `amenity=fast_food` or can use a substitution, e.g. `addr:housenumber=$number`.
This new point will then have the tags `amenity=fast_food` and `addr:housenumber` with the value that was saved in `number` in the original feature.
2021-12-11 02:52:51 +01:00
If a value to substitute is undefined, empty string will be used instead.
This supports multiple values, e.g. `ref=$source:geometry:type/$source:geometry:ref`
2022-02-14 04:59:49 +01:00
Remark that the syntax is slightly different then expected; it uses '$' to note a value to copy, followed by a name (matched with `[a-zA-Z0-9_:]*`). Sadly, delimiting with `{}` as these already mark the boundaries of the special rendering...
2021-12-11 02:52:51 +01:00
2022-02-14 04:59:49 +01:00
Note that these values can be prepare with javascript in the theme by using a [calculatedTag](calculatedTags.md#calculating-tags-with-javascript)
2021-12-11 02:52:51 +01:00
#### Importing a dataset into OpenStreetMap: requirements
If you want to import a dataset, make sure that:
1. The dataset to import has a suitable license
2. The community has been informed of the import
2022-02-14 04:59:49 +01:00
3. All other requirements of the [import guidelines](https://wiki.openstreetmap.org/wiki/Import/Guidelines) have been followed
2021-12-11 02:52:51 +01:00
There are also some technicalities in your theme to keep in mind:
2022-02-14 04:59:49 +01:00
1. The new feature will be added and will flow through the program as any other new point as if it came from OSM.
This means that there should be a layer which will match the new tags and which will display it.
2. The original feature from your geojson layer will gain the tag '_imported=yes'.
This should be used to change the appearance or even to hide it (eg by changing the icon size to zero)
3. There should be a way for the theme to detect previously imported points, even after reloading.
A reference number to the original dataset is an excellent way to do this
2022-10-11 01:39:09 +02:00
4. When importing ways, the theme creator is also responsible of avoiding overlapping ways.
2021-12-11 02:52:51 +01:00
#### Disabled in unofficial themes
2022-10-11 01:39:09 +02:00
The import button can be tested in an unofficial theme by adding `test=true` or `backend=osm-test` as [URL-paramter](URL_Parameters.md).
2022-02-14 04:59:49 +01:00
The import button will show up then. If in testmode, you can read the changeset-XML directly in the web console.
In the case that MapComplete is pointed to the testing grounds, the edit will be made on https://master.apis.dev.openstreetmap.org
2021-12-11 02:52:51 +01:00
name | default | description
------ | --------- | -------------
2022-02-14 04:59:49 +01:00
targetLayer | _undefined_ | The id of the layer where this point should end up. This is not very strict, it will simply result in checking that this layer is shown preventing possible duplicate elements
tags | _undefined_ | The tags to add onto the new object - see specification above. If this is a key (a single word occuring in the properties of the object), the corresponding value is taken and expanded instead
2021-12-11 02:52:51 +01:00
text | Import this data into OpenStreetMap | The text to show on the button
icon | ./assets/svg/addSmall.svg | A nice icon to show in the button
2022-02-14 04:59:49 +01:00
way_to_conflate | _undefined_ | The key, of which the corresponding value is the id of the OSM-way that must be conflated; typically a calculatedTag
#### Example usage of conflate_button
2021-09-18 02:29:47 +02:00
2022-02-14 04:59:49 +01:00
`{conflate_button(,,Import this data into OpenStreetMap,./assets/svg/addSmall.svg,)}`
2021-11-08 02:36:01 +01:00
2022-02-14 04:59:49 +01:00
### tag_apply
2022-02-14 04:59:49 +01:00
Shows a big button; clicking this button will apply certain tags onto the feature.
The first argument takes a specification of which tags to add.
2022-10-11 01:39:09 +02:00
These can either be a tag to add, such as `amenity=fast_food` or can use a substitution, e.g. `addr:housenumber=$number`.
This new point will then have the tags `amenity=fast_food` and `addr:housenumber` with the value that was saved in `number` in the original feature.
If a value to substitute is undefined, empty string will be used instead.
This supports multiple values, e.g. `ref=$source:geometry:type/$source:geometry:ref`
2022-02-14 04:59:49 +01:00
Remark that the syntax is slightly different then expected; it uses '$' to note a value to copy, followed by a name (matched with `[a-zA-Z0-9_:]*`). Sadly, delimiting with `{}` as these already mark the boundaries of the special rendering...
2022-02-14 04:59:49 +01:00
Note that these values can be prepare with javascript in the theme by using a [calculatedTag](calculatedTags.md#calculating-tags-with-javascript)
name | default | description
------ | --------- | -------------
tags_to_apply | _undefined_ | A specification of the tags to apply
message | _undefined_ | The text to show to the contributor
image | _undefined_ | An image to show to the contributor on the button
2022-02-14 04:59:49 +01:00
id_of_object_to_apply_this_one | _undefined_ | If specified, applies the the tags onto _another_ object. The id will be read from properties[id_of_object_to_apply_this_one] of the selected object. The tags are still calculated based on the tags of the _selected_ element
#### Example usage of tag_apply
`{tag_apply(survey_date=$_now:date, Surveyed today!)}`, `{tag_apply(addr:street=$addr:street, Apply the address, apply_icon.svg, _closest_osm_id)
2022-02-04 01:21:45 +01:00
2022-11-02 13:47:34 +01:00
### close_note
2021-11-08 02:36:01 +01:00
2022-11-02 13:47:34 +01:00
Button to close a note. A predifined text can be defined to close the note with. If the note is already closed, will show a small text.
2021-11-30 22:45:25 +01:00
2022-11-02 13:47:34 +01:00
name | default | description
------ | --------- | -------------
text | _undefined_ | Text to show on this button
icon | checkmark.svg | Icon to show
idkey | id | The property name where the ID of the note to close can be found
comment | _undefined_ | Text to add onto the note when closing
minZoom | _undefined_ | If set, only show the closenote button if zoomed in enough
zoomButton | _undefined_ | Text to show if not zoomed in enough
2021-11-30 22:45:25 +01:00
2022-11-02 13:47:34 +01:00
#### Example usage of close_note
2021-11-30 22:45:25 +01:00
2022-11-02 13:47:34 +01:00
`{close_note(,checkmark.svg,id,,,)}`
2021-11-30 22:45:25 +01:00
2022-11-02 13:47:34 +01:00
### nearby_images
2021-12-30 22:02:11 +01:00
2022-11-02 13:47:34 +01:00
A component showing nearby images loaded from various online services such as Mapillary. In edit mode and when used on a feature, the user can select an image to add to the feature
2021-12-30 22:02:11 +01:00
2022-11-02 13:47:34 +01:00
name | default | description
------ | --------- | -------------
mode | expandable | Indicates how this component is initialized. Options are:
- `open`: always show and load the pictures
- `collapsable`: show the pictures, but a user can collapse them
- `expandable`: shown by default; but a user can collapse them.
mapillary | true | If 'true', includes a link to mapillary on this location.
2021-12-30 22:02:11 +01:00
2022-11-02 13:47:34 +01:00
#### Example usage of nearby_images
2022-11-02 13:47:34 +01:00
`{nearby_images(expandable,true)}`
2021-12-30 22:02:11 +01:00
2022-11-02 13:47:34 +01:00
### mapillary_link
2021-12-30 22:02:11 +01:00
2022-11-02 13:47:34 +01:00
Adds a button to open mapillary on the specified location
2021-12-30 22:02:11 +01:00
2022-11-02 13:47:34 +01:00
name | default | description
------ | --------- | -------------
zoom | 18 | The startzoom of mapillary
2022-11-02 13:47:34 +01:00
#### Example usage of mapillary_link
2022-11-02 13:47:34 +01:00
`{mapillary_link(18)}`
2022-06-09 03:00:13 +02:00
2022-11-02 13:47:34 +01:00
### language_chooser
2022-06-09 03:00:13 +02:00
2022-11-02 13:47:34 +01:00
The language element allows to show and pick all known (modern) languages. The key can be set
2022-06-09 03:00:13 +02:00
2022-11-02 13:47:34 +01:00
name | default | description
------ | --------- | -------------
key | _undefined_ | What key to use, e.g. `language`, `tactile_writing:braille:language`, ... If a language is supported, the language code will be appended to this key, resulting in `language:nl=yes` if nl is picked
question | _undefined_ | What to ask if no questions are known
render_list_item | {language()} | How a single language will be shown in the list of languages. Use `{language}` to indicate the language (which it must contain).
render_single_language | _undefined_ | What will be shown if the feature only supports a single language
render_all | {list()} | The full rendering. Use `{list}` to show where the list of languages must come. Optional if mode=single
no_known_languages | _undefined_ | The text that is shown if no languages are known for this key. If this text is omitted, the languages will be prompted instead
mode | multi | If one or many languages can be selected. Should be 'multi' or 'single'
2022-06-09 03:00:13 +02:00
2022-11-02 13:47:34 +01:00
#### Example usage of language_chooser
2021-12-30 22:02:11 +01:00
2022-11-02 13:47:34 +01:00
`{language_chooser(,,{language()},,{list()},,multi)}`
2022-02-14 04:59:49 +01:00
2022-11-02 13:47:34 +01:00
### all_tags
2022-02-14 04:59:49 +01:00
2022-11-02 13:47:34 +01:00
Prints all key-value pairs of the object - used for debugging
2022-02-14 04:59:49 +01:00
2022-11-02 13:47:34 +01:00
#### Example usage of all_tags
2022-02-14 04:59:49 +01:00
2022-11-02 13:47:34 +01:00
`{all_tags()}`
### image_carousel
Creates an image carousel for the given sources. An attempt will be made to guess what source is used. Supported: Wikidata identifiers, Wikipedia pages, Wikimedia categories, IMGUR (with attribution, direct links)
2022-01-12 02:31:51 +01:00
name | default | description
------ | --------- | -------------
2022-11-02 13:47:34 +01:00
image_key | image,mapillary,image,wikidata,wikimedia_commons,image,image | The keys given to the images, e.g. if <span class='literal-code'>image</span> is given, the first picture URL will be added as <span class='literal-code'>image</span>, the second as <span class='literal-code'>image:0</span>, the third as <span class='literal-code'>image:1</span>, etc... Multiple values are allowed if ';'-separated
2022-02-14 04:59:49 +01:00
2022-11-02 13:47:34 +01:00
#### Example usage of image_carousel
2022-02-14 04:59:49 +01:00
2022-11-02 13:47:34 +01:00
`{image_carousel(image,mapillary,image,wikidata,wikimedia_commons,image,image)}`
2022-01-12 02:31:51 +01:00
2022-11-02 13:47:34 +01:00
### image_upload
2022-01-12 02:31:51 +01:00
2022-11-02 13:47:34 +01:00
Creates a button where a user can upload an image to IMGUR
2022-01-12 02:31:51 +01:00
name | default | description
------ | --------- | -------------
2022-11-02 13:47:34 +01:00
image-key | image | Image tag to add the URL to (or image-tag:0, image-tag:1 when multiple images are added)
label | Add image | The text to show on the button
2022-02-14 04:59:49 +01:00
2022-01-12 02:31:51 +01:00
2022-11-02 13:47:34 +01:00
#### Example usage of image_upload
2022-11-02 13:47:34 +01:00
`{image_upload(image,Add image)}`
2022-01-12 02:31:51 +01:00
2022-02-14 04:59:49 +01:00
2022-11-02 13:47:34 +01:00
### wikipedia
2022-02-14 04:59:49 +01:00
2022-11-02 13:47:34 +01:00
A box showing the corresponding wikipedia article - based on the wikidata tag
2022-01-12 02:31:51 +01:00
name | default | description
------ | --------- | -------------
2022-11-02 13:47:34 +01:00
keyToShowWikipediaFor | wikidata;wikipedia | Use the wikidata entry from this key to show the wikipedia article for. Multiple keys can be given (separated by ';'), in which case the first matching value is used
2022-02-14 04:59:49 +01:00
2022-11-02 13:47:34 +01:00
#### Example usage of wikipedia
2022-02-14 04:59:49 +01:00
2022-11-02 13:47:34 +01:00
`{wikipedia()}` is a basic example, `{wikipedia(name:etymology:wikidata)}` to show the wikipedia page of whom the feature was named after. Also remember that these can be styled, e.g. `{wikipedia():max-height: 10rem}` to limit the height
2022-01-12 02:31:51 +01:00
2022-11-02 13:47:34 +01:00
### wikidata_label
2022-01-12 02:31:51 +01:00
2022-11-02 13:47:34 +01:00
Shows the label of the corresponding wikidata-item
2022-01-12 02:31:51 +01:00
name | default | description
------ | --------- | -------------
2022-11-02 13:47:34 +01:00
keyToShowWikidataFor | wikidata | Use the wikidata entry from this key to show the label
2022-02-14 04:59:49 +01:00
2022-01-12 02:31:51 +01:00
2022-11-02 13:47:34 +01:00
#### Example usage of wikidata_label
2022-11-02 13:47:34 +01:00
`{wikidata_label()}` is a basic example, `{wikipedia(name:etymology:wikidata)}` to show the label itself
2022-01-12 02:31:51 +01:00
2021-12-12 02:59:59 +01:00
2022-11-02 13:47:34 +01:00
### reviews
2022-02-28 17:16:21 +01:00
2022-11-02 13:47:34 +01:00
Adds an overview of the mangrove-reviews of this object. Mangrove.Reviews needs - in order to identify the reviewed object - a coordinate and a name. By default, the name of the object is given, but this can be overwritten
2022-02-28 17:16:21 +01:00
2022-11-02 13:47:34 +01:00
name | default | description
------ | --------- | -------------
subjectKey | name | The key to use to determine the subject. If specified, the subject will be <b>tags[subjectKey]</b>
fallback | _undefined_ | The identifier to use, if <i>tags[subjectKey]</i> as specified above is not available. This is effectively a fallback value
2022-02-28 17:16:21 +01:00
2022-11-02 13:47:34 +01:00
#### Example usage of reviews
2022-02-28 17:16:21 +01:00
2022-11-02 13:47:34 +01:00
`{reviews()}` for a vanilla review, `{reviews(name, play_forest)}` to review a play forest. If a name is known, the name will be used as identifier, otherwise 'play_forest' is used
2022-02-28 17:16:21 +01:00
2022-06-04 16:56:15 +02:00
2022-11-02 13:47:34 +01:00
### opening_hours_table
Creates an opening-hours table. Usage: {opening_hours_table(opening_hours)} to create a table of the tag 'opening_hours'.
2022-06-04 16:56:15 +02:00
name | default | description
------ | --------- | -------------
2022-11-02 13:47:34 +01:00
key | opening_hours | The tagkey from which the table is constructed.
prefix | _empty string_ | Remove this string from the start of the value before parsing. __Note: use `&LPARENs` to indicate `(` if needed__
postfix | _empty string_ | Remove this string from the end of the value before parsing. __Note: use `&RPARENs` to indicate `)` if needed__
2022-06-04 16:56:15 +02:00
2022-11-02 13:47:34 +01:00
#### Example usage of opening_hours_table
A normal opening hours table can be invoked with `{opening_hours_table()}`. A table for e.g. conditional access with opening hours can be `{opening_hours_table(access:conditional, no @ &LPARENS, &RPARENS)}`
### live
Downloads a JSON from the given URL, e.g. '{live(example.org/data.json, shorthand:x.y.z, other:a.b.c, shorthand)}' will download the given file, will create an object {shorthand: json[x][y][z], other: json[a][b][c] out of it and will return 'other' or 'json[a][b][c]. This is made to use in combination with tags, e.g. {live({url}, {url:format}, needed_value)}
name | default | description
------ | --------- | -------------
Url | _undefined_ | The URL to load
Shorthands | _undefined_ | A list of shorthands, of the format 'shorthandname:path.path.path'. separated by ;
path | _undefined_ | The path (or shorthand) that should be returned
2022-06-04 16:56:15 +02:00
2022-11-02 13:47:34 +01:00
#### Example usage of live
2022-06-04 16:56:15 +02:00
2022-11-02 13:47:34 +01:00
{live({url},{url:format},hour)} {live(https://data.mobility.brussels/bike/api/counts/?request=live&featureID=CB2105,hour:data.hour_cnt;day:data.day_cnt;year:data.year_cnt,hour)}
2022-06-04 16:56:15 +02:00
2022-11-02 13:47:34 +01:00
### canonical
2022-06-04 16:56:15 +02:00
2022-11-02 13:47:34 +01:00
Converts a short, canonical value into the long, translated text including the unit. This only works if a `unit` is defined for the corresponding value. The unit specification will be included in the text.
2022-06-04 16:56:15 +02:00
name | default | description
------ | --------- | -------------
2022-11-02 13:47:34 +01:00
key | _undefined_ | The key of the tag to give the canonical text for
2022-06-04 16:56:15 +02:00
2022-11-02 13:47:34 +01:00
#### Example usage of canonical
If the object has `length=42`, then `{canonical(length)}` will be shown as **42 meter** (in english), **42 metre** (in french), ...
### export_as_geojson
Exports the selected feature as GeoJson-file
#### Example usage of export_as_geojson
`{export_as_geojson()}`
2022-06-04 16:56:15 +02:00
2022-11-02 13:47:34 +01:00
### open_in_iD
Opens the current view in the iD-editor
#### Example usage of open_in_iD
`{open_in_iD()}`
### open_in_josm
Opens the current view in the JOSM-editor
#### Example usage of open_in_josm
`{open_in_josm()}`
### clear_location_history
A button to remove the travelled track information from the device
#### Example usage of clear_location_history
`{clear_location_history()}`
### visualize_note_comments
Visualises the comments for notes
name | default | description
------ | --------- | -------------
commentsKey | comments | The property name of the comments, which should be stringified json
start | 0 | Drop the first 'start' comments
#### Example usage of visualize_note_comments
`{visualize_note_comments(comments,0)}`
### add_image_to_note
Adds an image to a node
name | default | description
------ | --------- | -------------
Id-key | id | The property name where the ID of the note to close can be found
#### Example usage of add_image_to_note
2023-02-23 14:39:08 +01:00
The following example sets the status to '2' (false positive)
```json
{
"id": "mark_duplicate",
"render": {
"special": {
"type": "maproulette_set_status",
"message": {
"en": "Mark as not found or false positive"
},
"status": "2",
"image": "close"
}
}
}
```
2022-11-02 13:47:34 +01:00
### title
Shows the title of the popup. Useful for some cases, e.g. 'What is phone number of {title()}?'
#### Example usage of title
`What is the phone number of {title()}`, which might automatically become `What is the phone number of XYZ`.
2022-06-04 16:56:15 +02:00
2022-07-31 13:33:45 +02:00
### maproulette_task
2023-02-12 23:08:57 +01:00
Fetches the metadata of MapRoulette campaign that this task is part of and shows those details (namely `title`, `description` and `instruction`).
This reads the property `mr_challengeId` to detect the parent campaign.
2022-07-31 13:33:45 +02:00
#### Example usage of maproulette_task
`{maproulette_task()}`
### maproulette_set_status
Change the status of the given MapRoulette task
name | default | description
------ | --------- | -------------
message | _undefined_ | A message to show to the user
image | confirm | Image to show
message_confirm | _undefined_ | What to show when the task is closed, either by the user or was already closed.
status | 1 | A statuscode to apply when the button is clicked. 1 = `close`, 2 = `false_positive`, 3 = `skip`, 4 = `deleted`, 5 = `already fixed` (on the map, e.g. for duplicates), 6 = `too hard`
maproulette_id | mr_taskId | The property name containing the maproulette id
#### Example usage of maproulette_set_status
`{maproulette_set_status(,confirm,,1,mr_taskId)}`
2022-07-26 16:58:51 +02:00
### statistics
Show general statistics about the elements currently in view. Intended to use on the `current_view`-layer
#### Example usage of statistics
`{statistics()}`
2022-07-31 13:33:45 +02:00
### send_email
Creates a `mailto`-link where some fields are already set and correctly escaped. The user will be promted to send the email
name | default | description
------ | --------- | -------------
to | _undefined_ | Who to send the email to?
subject | _undefined_ | The subject of the email
body | _undefined_ | The text in the email
button_text | _undefined_ | The text shown on the button in the UI
#### Example usage of send_email
`{send_email(,,,)}`
### multi
Given an embedded tagRendering (read only) and a key, will read the keyname as a JSON-list. Every element of this list will be considered as tags and rendered with the tagRendering
name | default | description
------ | --------- | -------------
key | _undefined_ | The property to read and to interpret as a list of properties
tagrendering | _undefined_ | An entire tagRenderingConfig
#### Example usage of multi
```json
{
"render": {
"special": {
"type": "multi",
"key": "_doors_from_building_properties",
2023-02-10 01:49:06 +01:00
"tagrendering": {
"en": "The building containing this feature has a <a href='#{id}'>door</a> of width {entrance:width}"
2022-07-31 13:33:45 +02:00
}
}
}
2022-10-11 01:39:09 +02:00
}
```
2022-07-31 13:33:45 +02:00
2022-02-14 04:59:49 +01:00
### auto_apply
2022-06-22 20:30:48 +02:00
A button to run many actions for many features at once. To effectively use this button, you'll need some ingredients:
2022-01-26 21:40:38 +01:00
2022-06-22 20:30:48 +02:00
- A target layer with features for which an action is defined in a tag rendering. The following special visualisations support an autoAction: import_way_button, tag_apply
- A host feature to place the auto-action on. This can be a big outline (such as a city). Another good option for this is the layer
- [current_view](./BuiltinLayers.md#current_view)
- Then, use a calculated tag on the host feature to determine the overlapping object ids
- At last, add this component
2021-12-12 02:59:59 +01:00
name | default | description
------ | --------- | -------------
target_layer | _undefined_ | The layer that the target features will reside in
target_feature_ids | _undefined_ | The key, of which the value contains a list of ids
2022-02-14 04:59:49 +01:00
tag_rendering_id | _undefined_ | The ID of the tagRendering containing the autoAction. This tagrendering will be calculated. The embedded actions will be executed
2021-12-12 02:59:59 +01:00
text | _undefined_ | The text to show on the button
icon | ./assets/svg/robot.svg | The icon to show on the button
2022-02-14 04:59:49 +01:00
2021-12-12 02:59:59 +01:00
2022-02-14 04:59:49 +01:00
#### Example usage of auto_apply
2021-12-12 02:59:59 +01:00
2022-02-14 04:59:49 +01:00
`{auto_apply(,,,,./assets/svg/robot.svg)}`
2021-12-12 02:59:59 +01:00
2023-02-12 23:08:57 +01:00
This document is autogenerated from [UI/SpecialVisualizations.ts](https://github.com/pietervdvn/MapComplete/blob/develop/UI/SpecialVisualizations.ts)