Creating a map: Difference between revisions

From Verra Vip
Jump to navigation Jump to search
No edit summary
No edit summary
 
(34 intermediate revisions by the same user not shown)
Line 1: Line 1:
To create a new editable map you will have to create the actual map page, as well as a geojson page to hold all the data for pin ect.
To create a new editable map you will have to create a map page, as well as a geojson page to hold all the data for the pins and markers.


 
<br>
== Step By Step Guide ==
<br>


1. First Create a geojson page. After the page is created, save the page. The name must not be in use if you want to create a new map. Example: "geojson:RadensMapInfo"<div style="float:left"><inputbox>
{| style="border-collapse: collapse; width: 100%; height: 230px;"
|- style="height: 23px;"
| style="width: 2.69321%; height: 23px;" | 1.<br>
| style="width: 97.3068%; height: 23px;" | First Create a geojson page. After the page is created, save the page. The name must not be in use if you want to create a new map.<br>
|-
| style="width: 2.69321%;" |
<br>
| style="width: 97.3068%;" |
<div style="float:left"><inputbox>
type=create
type=create
width=30
width=30
Line 10: Line 20:
buttonlabel=Create GeoJson Page
buttonlabel=Create GeoJson Page
</inputbox></div>
</inputbox></div>
 
<br>
 
|- style="height: 23px;"
&nbsp;
| style="width: 2.69321%; height: 23px;" |
3. Save the GeoJson page. This is were the pins and markers information will be stored.
<br>
 
| style="width: 97.3068%; height: 23px;" | Example: " geojson:RadensMapInfo "
&nbsp;
|-
 
| style="width: 2.69321%;" | <br>
4. Next create a regular page were your map will be. The page name must not be in use if you are creating a new map. Example: "Radens Map"<div style="float:left"><inputbox>
| style="width: 97.3068%;" | <br>
|- style="height: 23px;"
| style="width: 2.69321%; height: 23px;" | 2.<br>
| style="width: 97.3068%; height: 23px;" | Save the GeoJson page. This is were the pins and markers information will be stored.
|-
| style="width: 2.69321%;" | <br>
| style="width: 97.3068%;" | <br>
|- style="height: 23px;"
| style="width: 2.69321%; height: 23px;" | 3.<br>
| style="width: 97.3068%; height: 23px;" | Next create a regular page were your map will be. The page name must not be in use if you are creating a new map. Example: "Radens Map"
|- style="height: 23px;"
| style="width: 2.69321%; height: 23px;" |
<br>
| style="width: 97.3068%; height: 23px;" |
<div style="float:left"><inputbox>
type=create
type=create
width=30
width=30
Line 23: Line 47:
placeholder=Enter the page name
placeholder=Enter the page name
buttonlabel=Create Page
buttonlabel=Create Page
preload=Map Template
</inputbox></div>
</inputbox></div>
<br>
|-
| style="width: 2.69321%;" | <br>
| style="width: 97.3068%;" | <br>
|- style="height: 23px;"
| style="width: 2.69321%; height: 23px;" | 4.<br>
| style="width: 97.3068%; height: 23px;" | <nowiki>When the page code loads, edit the line called " |geojson=<name> " and replace <name> with the name of the GeoJson page you created.</nowiki>
|- style="height: 23px;"
| style="width: 2.69321%; height: 23px;" |
<br>
| style="width: 97.3068%; height: 23px;" | <nowiki>Example " |geojson=RadensMapInfo "</nowiki>
|- style="height: 23px;"
| style="width: 2.69321%; height: 23px;" |
<br>
| style="width: 97.3068%; height: 23px;" |
<br>
|- style="height: 23px;"
| style="width: 2.69321%; height: 23px;" |
<br>
| style="width: 97.3068%; height: 23px;" |
You can protect your maps from being edited by protecting both GeoJson page and map page. To protect click "more"  on the top right, followed by "protect". Note: you will not be able to edit the map if it is protected, you will need to un-protect the map to be able to edit it again.<br>
|-
| style="width: 2.69321%;" | <br>
| style="width: 97.3068%;" |
https://i.ibb.co/Jx97fFY/Protect-Map.png<br>
|-
|
|You can look for your geojson page using this link: https://verra.vip/index.php/Special:PrefixIndex?prefix=&namespace=420
|}


<br>


&nbsp;
For more info on the map extension we use, check out the documentation site:
&nbsp;
https://maps.extension.wiki/wiki/Maps_for_MediaWiki
6. Add the code bellow to the page. Make srue to replace <name> with the name of your GeoJason.
 
<nowiki>{{#display_map: | GeoJson=<name>}}</nowiki>


replace <name> with the name of the geojson page you created. Example "geojson=RadensMapInfo"
[[Category:Guide]]

Latest revision as of 22:10, 21 November 2024

To create a new editable map you will have to create a map page, as well as a geojson page to hold all the data for the pins and markers.


Step By Step Guide


1.
First Create a geojson page. After the page is created, save the page. The name must not be in use if you want to create a new map.




Example: " geojson:RadensMapInfo "


2.
Save the GeoJson page. This is were the pins and markers information will be stored.


3.
Next create a regular page were your map will be. The page name must not be in use if you are creating a new map. Example: "Radens Map"





4.
When the page code loads, edit the line called " |geojson=<name> " and replace <name> with the name of the GeoJson page you created.


Example " |geojson=RadensMapInfo "




You can protect your maps from being edited by protecting both GeoJson page and map page. To protect click "more" on the top right, followed by "protect". Note: you will not be able to edit the map if it is protected, you will need to un-protect the map to be able to edit it again.


Protect-Map.png

You can look for your geojson page using this link: https://verra.vip/index.php/Special:PrefixIndex?prefix=&namespace=420


For more info on the map extension we use, check out the documentation site: https://maps.extension.wiki/wiki/Maps_for_MediaWiki