Difference between revisions of "Maps"

From MadaCamp
Jump to: navigation, search
(Example map with a line)
(Maps to be done)
 
(73 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
== Example map with a marker ==
 
== Example map with a marker ==
  
<div style="max-width:600px;border:1px solid green;">
+
<div style="max-width:600px;">
 
{{#display_map:
 
{{#display_map:
 
-15.214232, 50.076107~[[Hotel Fitiavana]]~~;
 
-15.214232, 50.076107~[[Hotel Fitiavana]]~~;
Line 9: Line 9:
 
|height=400
 
|height=400
 
|zoom=18
 
|zoom=18
|enablefullscreen=yes
 
 
|controls=pan, zoom, type, scale
 
|controls=pan, zoom, type, scale
|searchmarkers=all
+
|searchmarkers=al|
|resizable=yes
+
|copycoords=yes
 
}}
 
}}
 
</div>
 
</div>
  
== Example map with a line and marker ==
+
<pre><nowiki><div style="max-width:600px;">
 +
{{#display_map:
 +
-15.214232, 50.076107~[[Hotel Fitiavana]]~~;
 +
|type=satellite
 +
|service=google
 +
|width=auto
 +
|height=400
 +
|zoom=18
 +
|controls=pan, zoom, type, scale
 +
|copycoords=yes
 +
}}
 +
</div></nowiki></pre>
 +
 
 +
== Example map with a line and markers ==
  
 
{{#display_map:
 
{{#display_map:
Line 24: Line 36:
 
-13.1918264553,49.0500772744:
 
-13.1918264553,49.0500772744:
 
-12.8073644824,48.9577304944
 
-12.8073644824,48.9577304944
| service=leaflet
+
|service=leaflet
| width=600
+
|height=500
| height=500
+
|center=-12.9640116915,48.9870830812
| center=-12.9640116915,48.9870830812
+
|zoom=10
| zoom=10
+
|enablefullscreen=yes
 
}}
 
}}
  
== lines ==
+
<pre><nowiki>{{#display_map:
 
+
-13.1918264553,49.0500772744~[[Noor Hotel]]~~;
 +
-12.8073644824,48.9577304944~Bobasakoa~~;
 
| lines=
 
| lines=
 
-13.1918264553,49.0500772744:
 
-13.1918264553,49.0500772744:
 
-12.8073644824,48.9577304944
 
-12.8073644824,48.9577304944
 +
|service=leaflet
 +
|height=500
 +
|center=-12.9640116915,48.9870830812
 +
|zoom=10
 +
|enablefullscreen=yes
 +
}}</nowiki></pre>
 +
 +
Note: More than one map a page will fail on mobile (Minerva) displays of the wiki.
 +
 +
== lines ==
 +
 +
Lines between coordinates are used to make a path.
 +
 +
| lines=
 +
-13.1918264553,49.0500772744:
 +
-12.8073644824,48.9577304944
  
 
The default colour/thickness of line are red/1px.
 
The default colour/thickness of line are red/1px.
Line 43: Line 72:
 
  | lines=
 
  | lines=
 
  -13.1918264553,49.0500772744:
 
  -13.1918264553,49.0500772744:
  -12.8073644824,48.9577304944~Popup title~text when clicking line~green~0.42~10
+
  -12.8073644824,48.9577304944~Popup title~Popup text~green~0.42~10
  
Note: Thickness, color and opacity will only take effect when preceded by a popup title and text. The syntax is:<br>
+
Note: Thickness, colour and opacity only take effect when preceded by a popup title and text. The syntax is:<br>
 
<tt>~Popup title~Popup text~Popup text~Line opacity~Line thickness</tt>
 
<tt>~Popup title~Popup text~Popup text~Line opacity~Line thickness</tt>
  
However, the popup when clicking the line only works with google maps (not leaflet).
+
However, the popup when clicking the line only appears with google maps (not leaflet).
 +
 
 +
== copycoords ==
 +
 
 +
Right-click on map to copy coordinates.
 +
 
 +
copycoords=yes
  
 
== service ==
 
== service ==
Line 55: Line 90:
 
or
 
or
 
  |service=google
 
  |service=google
 
== lines ==
 
 
Lines between coordinates can be used to make a path.
 
 
A line between two points:
 
 
| lines=
 
-13.1918264553,49.0500772744:
 
-12.8073644824,48.9577304944;
 
 
The line with a popup when clicked, color and thickness:
 
 
| lines=
 
-13.1918264553,49.0500772744~Line text~I am a text~green~0.42~10:
 
-12.8073644824,48.9577304944;
 
 
 
 
  
 
== icon ==
 
== icon ==
Line 147: Line 163:
 
Add a filter search field for maps with many markers
 
Add a filter search field for maps with many markers
  
  |searchmarkers=all
+
   
 
 
 
== enablefullscreen ==
 
== enablefullscreen ==
  
Line 159: Line 174:
  
 
Fullscreen works better for leaflet maps but which do not have satellite mode
 
Fullscreen works better for leaflet maps but which do not have satellite mode
 +
 +
<b>NOTE:</b> Don't use this on maps service=google as it's broken.
 +
 +
 +
Instead, enabled:
 +
mapOptions.fullscreenControl = $.inArray('type', options.controls) != -1;
 +
 +
.. in jquery.googlemap.js for all Google maps to display the native Google full-screen toggle in the right corner.
  
 
== resizable ==
 
== resizable ==
  
  |resizable=yes
+
   
 
 
 
Makes the map resizable with the mouse at the map edges on a regular PC
 
Makes the map resizable with the mouse at the map edges on a regular PC
  
 +
'''Note:''' Don't use this option as it causes a Javascript error that brakes the mobile display menu on Android on combination with Google's native fullscreen toggle.
  
<!--
+
== image in placemark ==
 
 
{{#display_map:
 
-18.909712, 47.525278~[[Antananarivo]]~~;
 
lat2,long2~[[your link2]]~~url of icon you wish to use;
 
  
|type=satellite
+
<pre><nowiki>
|service=google
+
* -14.273700, 50.176600~[[File:Chez_Orlance_003.jpg|left|70px|]]<br>Chez Orlance~~;
|types=roadmap, satellite, hybrid, terrain
+
</nowiki></pre>
|width=100%
+
== Documentation ==
|height=850
 
|markercluster=on
 
|zoom=8
 
|enablefullscreen=yes
 
|controls=pan, zoom, type, scale
 
}}
 
  
-->
+
* https://www.mediawiki.org/wiki/Topic:Ve0pru8m3ygl58vt - loading failure on Minerva
 +
** https://github.com/JeroenDeDauw/Maps/issues/598
 
* https://maps.extension.wiki/wiki/Google_Maps_SMW_queries
 
* https://maps.extension.wiki/wiki/Google_Maps_SMW_queries
 
* http://www.coastalwiki.org/wiki/Help:Semantic_maps
 
* http://www.coastalwiki.org/wiki/Help:Semantic_maps
Line 193: Line 207:
 
* http://edutechwiki.unige.ch/en/Maps_(MediaWiki_extension)
 
* http://edutechwiki.unige.ch/en/Maps_(MediaWiki_extension)
 
* https://maps.extension.wiki/wiki/Visual_Leaflet_editor
 
* https://maps.extension.wiki/wiki/Visual_Leaflet_editor
 +
 +
 +
== Maps to be done ==
 +
 +
* [[Hotel Carrefour]]
 +
* [[Samy Express]]
 +
* [[Montagne des Français]]
 +
 +
 +
* [[Millot Plantation]]
 +
 +
* [[Sambirano]]

Latest revision as of 09:48, 23 December 2020

Example map with a marker

Loading map...
<div style="max-width:600px;">
{{#display_map:
-15.214232, 50.076107~[[Hotel Fitiavana]]~~;
|type=satellite
|service=google
|width=auto
|height=400
|zoom=18
|controls=pan, zoom, type, scale
|copycoords=yes
}}
</div>

Example map with a line and markers

Loading map...
{{#display_map:
-13.1918264553,49.0500772744~[[Noor Hotel]]~~;
-12.8073644824,48.9577304944~Bobasakoa~~;
| lines=
-13.1918264553,49.0500772744:
-12.8073644824,48.9577304944
|service=leaflet
|height=500
|center=-12.9640116915,48.9870830812
|zoom=10
|enablefullscreen=yes
}}

Note: More than one map a page will fail on mobile (Minerva) displays of the wiki.

lines

Lines between coordinates are used to make a path.

| lines=
-13.1918264553,49.0500772744:
-12.8073644824,48.9577304944

The default colour/thickness of line are red/1px.

The thickness, colour and opacity of the line can be redefined by the syntax:

| lines=
-13.1918264553,49.0500772744:
-12.8073644824,48.9577304944~Popup title~Popup text~green~0.42~10

Note: Thickness, colour and opacity only take effect when preceded by a popup title and text. The syntax is:
~Popup title~Popup text~Popup text~Line opacity~Line thickness

However, the popup when clicking the line only appears with google maps (not leaflet).

copycoords

Right-click on map to copy coordinates.

copycoords=yes

service

|service=leaflet

or

|service=google

icon

|icon=https://www.madacamp.com/images/madagascar/Green_marker.png

Or on a p/market basis:

-15.214232, 50.076107~Hotel Fitiavana~~https://www.madacamp.com/images/madagascar/Green_marker.png;

type

|type=satellite

the initial type of map (roadmap, satellite, hybrid, terrain)

label

|label=text

standard text to display in all popups without text

types

types=roadmap, satellite, hybrid, terrain

map options included in the control

If omitted, all options are included

minimum one option is required for constraint to take effect

controls

|controls=pan, zoom, type, scale

pan, zoom, type, scale, streetview, rotate

zoom

Zoom levels are between 1 and 20

|zoom=18

width

pixels or percentage

|width=auto

auto will stretch to the containing block

height

|height=400

centre (or center)

The location which should be the centre of the map

|centre=-14.254318, 50.157051

or

|center=-14.254318, 50.157051

If centre is omitted, center depends on the placemarks.

If zoom is omitted, zoom level will be set to fit the placemarks.

If there is only one placemark, zoom level has to be defined for the map to show.

searchmarkers

Add a filter search field for maps with many markers


enablefullscreen

|enablefullscreen=no
|enablefullscreen=yes

If omitted, no fullscreen label is shown.

Fullscreen mode is not working well on desktop and ipad.

Fullscreen works better for leaflet maps but which do not have satellite mode

NOTE: Don't use this on maps service=google as it's broken.


Instead, enabled:

mapOptions.fullscreenControl = $.inArray('type', options.controls) != -1;

.. in jquery.googlemap.js for all Google maps to display the native Google full-screen toggle in the right corner.

resizable

Makes the map resizable with the mouse at the map edges on a regular PC

Note: Don't use this option as it causes a Javascript error that brakes the mobile display menu on Android on combination with Google's native fullscreen toggle.

image in placemark

* -14.273700, 50.176600~[[File:Chez_Orlance_003.jpg|left|70px|]]<br>Chez Orlance~~;

Documentation


Maps to be done