Creating a map: Difference between revisions

From Verra Vip
Jump to navigation Jump to search
No edit summary
No edit summary
 
(25 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.
 
 
 
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>
type=create
width=30
break=no
default=GeoJson:
buttonlabel=Create GeoJson Page
</inputbox></div>
 
 
&nbsp;
&nbsp;
 
3. Save the GeoJson page. This is were the pins and markers information will be stored.
 
&nbsp;
&nbsp;
&nbsp;
 
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>
type=create
width=30
break=no
placeholder=Enter the page name
buttonlabel=Create Page
</inputbox></div>
&nbsp;
&nbsp;
&nbsp;
 
6. Add the code bellow to the page. Make sure 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"
 
 


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


{| class="wikitable" style="border-collapse: collapse; width: 100%; height: 230px;"
{| style="border-collapse: collapse; width: 100%; height: 230px;"
|- style="height: 23px;"
|- style="height: 23px;"
| style="width: 2.69321%; height: 23px;" | 1.<br>
| style="width: 2.69321%; height: 23px;" | 1.<br>
Line 60: Line 24:
| style="width: 2.69321%; height: 23px;" |
| style="width: 2.69321%; height: 23px;" |
<br>
<br>
| style="width: 97.3068%; height: 23px;" | Example: "geojson:RadensMapInfo"
| style="width: 97.3068%; height: 23px;" | Example: " geojson:RadensMapInfo "
|-
|-  
| style="width: 2.69321%;" | <br>
| style="width: 2.69321%;" | <br>
| style="width: 97.3068%;" | <br>
| style="width: 97.3068%;" | <br>
Line 67: Line 31:
| style="width: 2.69321%; height: 23px;" | 2.<br>
| 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: 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: 2.69321%;" | <br>
| style="width: 97.3068%;" | <br>
| style="width: 97.3068%;" | <br>
Line 73: Line 37:
| style="width: 2.69321%; height: 23px;" | 3.<br>
| 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="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;" |
<br>
|- style="height: 23px;"
| style="width: 2.69321%; height: 23px;" | 4.<br>
| style="width: 97.3068%; height: 23px;" | Add the code bellow to the page. Make sure to replace <name> with the name you gave your GeoJason page.
|- style="height: 23px;"
|- style="height: 23px;"
| style="width: 2.69321%; height: 23px;" |
| style="width: 2.69321%; height: 23px;" |
Line 91: 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>
<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="height: 23px;"
| style="width: 2.69321%; height: 23px;" |
| style="width: 2.69321%; height: 23px;" |
<br>
<br>
| style="width: 97.3068%; height: 23px;" | Example "geojson=RadensMapInfo"
| style="width: 97.3068%; height: 23px;" | <nowiki>Example " |geojson=RadensMapInfo "</nowiki>
|- style="height: 23px;"
|- style="height: 23px;"
| style="width: 2.69321%; height: 23px;" |
| style="width: 2.69321%; height: 23px;" |
Line 104: Line 67:
|- style="height: 23px;"
|- style="height: 23px;"
| style="width: 2.69321%; height: 23px;" |
| style="width: 2.69321%; height: 23px;" |
5.
<br>
<br>
| style="width: 97.3068%; height: 23px;" |
| style="width: 97.3068%; height: 23px;" |
Add the code bellow to the page. Make sure to replace <name> with the name of your GeoJason.
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>
|-
|-
| style="width: 2.69321%;" | <br>
|
| style="width: 97.3068%;" | <nowiki>{{#display_map: | GeoJson=<name>}}</nowiki>
|You can look for your geojson page using this link: https://verra.vip/index.php/Special:PrefixIndex?prefix=&namespace=420
|}
|}
<br>
For more info on the map extension we use, check out the documentation site:
https://maps.extension.wiki/wiki/Maps_for_MediaWiki
[[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