View source for Template talk:Cyclone map

==Proposal for map for cyclone tracks==

{{Moved discussion from|Module_talk:Mapframe#Cyclone_tracks|2=—&nbsp;<span style="font-family:Arial;background:#d6ffe6;border:solid 1px;border-radius:5px;box-shadow:darkcyan 0px 1px 1px;">&nbsp;[[User:Jts1882|Jts1882]]&nbsp;&#124;[[User talk:Jts1882|&nbsp;talk]]&nbsp;</span> 14:26, 23 May 2020 (UTC)}}

Hello. I want to propose a blanket change to [[Wikipedia:WikiProject Tropical cyclones]] on how [[:File:Amphan 2020 track.png|cyclone track maps]] are made, stored, and used. But before I do so, I want to clarify if this is in fact possible based on available features.

Looking at [https://www.wikidata.org/enwiki/w/index.php?oldid=1184450760#P625 this Wikidata sandbox] (consider this a Wikidata item for a given storm within the IMD region), you will notice that there are 6 coordinates with {{Property|P1545}} set for each tracking interval. {{Property|P31}} are also set for each of those coordinates, which corresponds to the [[Tropical_cyclone_scales#Comparisons_across_basins|IMD tropical cyclone scales]] at each point (a more appropriate property could be decided later).

Based on this data, is it possible to use the Qid (Q15397819 in this case) to generate an image that shows:
# The path of the storm from point 1 through 6
# The intensity of the storm at each point (with different point icons/colours rendered based on P31)
# While being able to use other features of Mapframe, such as zoom, geomask, etc.

And considering we can currently enter multiple QIDs for one mapframe ([[List of mountains of Sri Lanka|example]]), this would also allow us to plot multiple storms in one image. Is such an arrangement possible with currently available features? Or is something similar possible with Mapframe, without having to manually create these raster images of tracks? [[User:Rehman|<span style="font-variant:small-caps; font-weight:bold; color:darkblue">Reh</span>]][[User talk:Rehman|<span style="color:green">man</span>]] 09:05, 19 May 2020 (UTC)
:Interesting idea. I think right now we lack the ability to automatically create lines that link points, and we're limited to a small set of icons. Perhaps consider {{tl|OSM Location map}}? You can create overlay lines, like in the Leicester Castle example there. [[User:Ɱ|<span style="text-shadow:#bbb 0.1em 0.1em 0.1em;" class="texhtml">'''ɱ'''</span>]] [[User talk:Ɱ|(talk)]] 16:29, 19 May 2020 (UTC)
::Do you think this is a Lua limitation? Or something the site cannot support yet? I wouldn't mind cross-posting at VPT to see if anyone is willing to code... [[User:Rehman|<span style="font-variant:small-caps; font-weight:bold; color:darkblue">Reh</span>]][[User talk:Rehman|<span style="color:green">man</span>]] 17:13, 19 May 2020 (UTC)
:::No idea, I only use maplink and know its current limitations. [[User:Ɱ|<span style="text-shadow:#bbb 0.1em 0.1em 0.1em;" class="texhtml">'''ɱ'''</span>]] [[User talk:Ɱ|(talk)]] 17:24, 19 May 2020 (UTC)
:Kartographer only supports getting polygons from Wikidata, not points or lines. It is possible to do what you want with Lua though, but that's outside by abilities. --[[User:AntiCompositeNumber|AntiCompositeNumber]] ([[User talk:AntiCompositeNumber|talk]]) 04:38, 20 May 2020 (UTC)
<div style="float:right">
<mapframe width="500" height="270" latitude="7" longitude="80.5" zoom="6" align="center">
{
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"properties": {"stroke": "#0000ff","stroke-width": 3},
"geometry": {
 "type": "LineString",
 "coordinates": [
   [ 80.298889, 6.331667],
   [ 80.263889, 6.664444]
   ]
 }
 },
 {
"type": "Feature",
"properties": {"stroke": "#00ff00","stroke-width": 3},
"geometry": {
 "type": "LineString",
 "coordinates": [
   [ 80.263889, 6.664444],
   [ 80.434444, 7.188333]   
   ]
 }
 },
 {
"type": "Feature",
"properties": {"stroke": "#ff0000","stroke-width": 3},
"geometry": {
 "type": "LineString",
 "coordinates": [
   [ 80.434444, 7.188333],
   [ 80.656111, 8.108611] 
   ]
 }
 },
 {
"type": "Feature",
"properties": {"stroke": "#ff00ff","stroke-width": 3},
"geometry": {
 "type": "LineString",
 "coordinates": [
   [ 80.656111, 8.108611],
   [ 80.9025, 8.296111]   
   ]
 }
 },
 {
"type": "Feature",
"properties": { "marker-symbol": "-letter", "marker-color": "208020", "description": "Date, windspeed, other info"},
"geometry": {
 "type": "Point",
 "coordinates":  [ 80.9025, 8.296111]   
  
 }
 },
 {
"type": "Feature",
"properties": {"stroke": "#0000ff","stroke-width": 10,  "description": "Date, windspeed, other info"},
"geometry": {
 "type": "LineString",
 "coordinates":  [[ 80.298889, 6.331667], [ 80.2988890001, 6.331667]]   
  
 }
 },
 {
"type": "Feature",
"properties": {"stroke": "#00ff00","stroke-width": 10,  "description": "Date, windspeed, other info"},
"geometry": {
 "type": "LineString",
 "coordinates":  [[ 80.263889, 6.664444], [ 80.2638890001, 6.664444]]   
  
 }
 },
 {
"type": "Feature",
"properties": {"stroke": "#ff0000","stroke-width": 10,  "description": "Date, windspeed, other info"},
"geometry": {
 "type": "LineString",
 "coordinates":  [[ 80.434444, 7.188333], [ 80.4344440001, 7.188333]]   
  
 }
 },
 {
"type": "Feature",
"properties": {"stroke": "#ff00ff","stroke-width": 10,  "description": "Date, windspeed, other info"},
"geometry": {
 "type": "LineString",
 "coordinates":  [[ 80.656111, 8.108611], [ 80.6561110001, 8.108611]]   
  
 }
 }
 
 ]
}
</mapframe></div>
::: The example here uses <code><nowiki><mapframe></nowiki></code> to draw lines between the set of coordinates, which are inserted manually. I've drawn lines between all five coordinates and added a symbol to the last for illustration.
::: So what is wanted is to get the collection of coordinates from Wikidata and generate the map with <code><nowiki><mapframe></nowiki></code> automatically. This can be done with Lua. 
::: What would be wanted? Lines, symbols, or both? —&nbsp;<span style="font-family:Arial;background:#d6ffe6;border:solid 1px;border-radius:5px;box-shadow:darkcyan 0px 1px 1px;">&nbsp;[[User:Jts1882|Jts1882]]&nbsp;&#124;[[User talk:Jts1882|&nbsp;talk]]&nbsp;</span> 07:39, 20 May 2020 (UTC)

{{Football map
|stadium1=Hurricane Patricia |zoom=1
}}

::: I already have a module that creates maps for a list of football stadium names using template {{tl|football map}}. Fortunately it can't tell the difference between a football stadium and a hurricane and can be used to demo what might be possible. The example uses the following code for [[Hurricane Patricia]]:

:::<pre>{{Football map |stadium1=Hurricane Patricia |zoom=1}}</pre>

::: The point coordinates, a single set in this case, are retrieved from Wikidata and <code><nowiki><mapframe></nowiki></code> used to generate map. Note also that clicking the symbol produces a popup with the an image of the cyclone, which also comes from Wikidata. 
::: A {{tl|cyclone map}} could be created along the same lines. Given a list of cyclone names or wikidata ids it could retrieve the coordinate data from wikidata and plot the path for each cyclone. The series ordinal (P1545) and storm type can also be retrieved. The latter can be used to set the colour of the line or symbol. Additional information such as date and wind speed could also be added to the popup. —&nbsp;<span style="font-family:Arial;background:#d6ffe6;border:solid 1px;border-radius:5px;box-shadow:darkcyan 0px 1px 1px;">&nbsp;[[User:Jts1882|Jts1882]]&nbsp;&#124;[[User talk:Jts1882|&nbsp;talk]]&nbsp;</span> 08:27, 20 May 2020 (UTC)

::::Thanks for the detailed reply, [[User:Jts1882|Jts1882]]. Do you think it is possible to match the design of [[:File:Amphan 2020 track.png|the current cyclone track maps]]? If so, I'm sure this would be widely used, especially with the added features (such as clicking points for further data). Would you be able to create the module as a start? I'd start it myself, but my Lua skills are next to none. [[User:Rehman|<span style="font-variant:small-caps; font-weight:bold; color:darkblue">Reh</span>]][[User talk:Rehman|<span style="color:green">man</span>]] 14:30, 20 May 2020 (UTC)
::::: I think something with similar could be generated. There is a limit on what can be used for marker symbols, but circles can be added as zero-length lines (see modification above). There is also the limit of only having the street map, so the geographical maps are not an option.
::::: I've being reacquainting myself with my code (yikes!!) and I think I have all the elements. I have code to get the wikidata information and to create the json for mapframe, so I think can put something together as a demo. —&nbsp;<span style="font-family:Arial;background:#d6ffe6;border:solid 1px;border-radius:5px;box-shadow:darkcyan 0px 1px 1px;">&nbsp;[[User:Jts1882|Jts1882]]&nbsp;&#124;[[User talk:Jts1882|&nbsp;talk]]&nbsp;</span> 15:10, 20 May 2020 (UTC)
::::::Brilliant! I think the street maps wont be an issue, as most/all the time, the maps are well zoomed out. Once we get the demo, I'll post at the cyclone wikiproject, and get some comments from there. Hopefully this will stop all those manually made and manually updated raster images. Looking forward to the demo :) Btw, not too sure if it's some caching issue from my end, but I can only see the modification you made in preview. I don't see the circles in normal reading mode. [[User:Rehman|<span style="font-variant:small-caps; font-weight:bold; color:darkblue">Reh</span>]][[User talk:Rehman|<span style="color:green">man</span>]] 16:27, 20 May 2020 (UTC)
::::::: No, not just you. I hadn't noticed that the large circles disappeared in the static map. This is unfortunate, as the markers give a different look. Anyway, I'll put something to together and we can get some feedback. —&nbsp;<span style="font-family:Arial;background:#d6ffe6;border:solid 1px;border-radius:5px;box-shadow:darkcyan 0px 1px 1px;">&nbsp;[[User:Jts1882|Jts1882]]&nbsp;&#124;[[User talk:Jts1882|&nbsp;talk]]&nbsp;</span> 17:25, 20 May 2020 (UTC)

<mapframe text="Test Map" frame="yes" zoom="6" latitude="7.3178333333333" longitude="80.511166666667" width="400" height="200" frame="yes"> {"type": "FeatureCollection", "features": [
{"type": "Feature","properties": {"marker-color": "#bbccff", "marker-symbol": "-number"},
"geometry": { "type": "Point", "coordinates": [80.298888888889,6.3316666666667]}},
{"type": "Feature","properties": {"marker-color": "#bbccff", "marker-symbol": "-number"},
"geometry": { "type": "Point", "coordinates": [80.263888888889,6.6644444444444]}},
{"type": "Feature","properties": {"marker-color": "#bbccff", "marker-symbol": "-number"},
"geometry": { "type": "Point", "coordinates": [80.434444444444,7.1883333333333]}},
{"type": "Feature","properties": {"marker-color": "#bbccff", "marker-symbol": "-number"},
"geometry": { "type": "Point", "coordinates": [80.656111111111,8.1086111111111]}},
{"type": "Feature","properties": {"marker-color": "#bbccff", "marker-symbol": "-number"},
"geometry": { "type": "Point", "coordinates": [80.9025,8.2961111111111]}},
{"type":"Feature", "properties": { "stroke":"#D3D3D3", "stroke-opacity":0.7, "stroke-width":50},
"geometry": {"type":"LineString", "coordinates": [[80.298888888889,6.3316666666667],[80.263888888889,6.6644444444444],[80.434444444444,7.1883333333333],[80.656111111111,8.1086111111111],[80.9025,8.2961111111111]]}} ]}
</mapframe>
::* This is an interesting subject and I started looking at it a few days ago. (Day late and a dollar short) I thought maybe something like the map I created as a sample using information from wikidata using Lua. More information can be added by adding descriptions etc.
::* The Point information was created by going through the P265 claims arrays containing the latitude and longitude. The LineString was created using the same latitude and longitude info. Markers could be used with or without icons. Different colors could be used based on instance P31? The LineString can be any color, width etc.
::* Instead of markers circular polygons/other shapes/zero length lines (with large stroke-width etc. can also be used. Again different colors can be used.
::* Basically you all have this well in hand so best wishes -- [[User:Matroc|Matroc]] ([[User talk:Matroc|talk]]) 03:19, 21 May 2020 (UTC)
::::: I like the broad opaque lines to show the path. There are lots of options on how to show these cyclone maps. —&nbsp;<span style="font-family:Arial;background:#d6ffe6;border:solid 1px;border-radius:5px;box-shadow:darkcyan 0px 1px 1px;">&nbsp;[[User:Jts1882|Jts1882]]&nbsp;&#124;[[User talk:Jts1882|&nbsp;talk]]&nbsp;</span> 07:14, 21 May 2020 (UTC)

=== Template {{tl|Cyclone map}} ===
I have created a {{tl|Cyclone map}} template that uses a modified version of [[Module:Football map]]. Here is an example:
{{Cyclone map |width=370 |height=270 |align=right |latitude=15 |longitude=80.5 |zoom=4  |name2=Hurricane Patricia |id1=Q15397819 }}

<pre>{{Cyclone map
|width=370 |height=270 |align=right
|latitude=15 |longitude=80.5 |zoom=4 
|name2=Hurricane Patricia
|id1=Q15397819
}}</pre>
:* The {{para|width}}, {{para|height}} and {{para|align}} parameters determine the size and position of the map.
:* The {{para|latitude}}, {{para|longitude}} and {{para|zoom}} parameters set the centre coordinates for the map and its zoom level. 
:* :* The {{para|name}} and {{para|id}} parameters indicate the cyclones to show using data from Wikidata.
:**{{para|name}} must be an exact Wikipedia article title with a corresponding Wikidata entity. The example [[Hurricane Patricia]] is outside the boundaries of the map, but can be seen you zoom out.
:**{{para|id}} is a Wikidata entity, in this case [https://www.wikidata.org/enwiki/w/index.php?oldid=1184450760#P625 Wikidata sandbox 3], an example with coordinates for the path of a cyclone.
:**The map can show dozens of storms. If mixing names and Wikidata ids use separate indices.
:* The coordinates and other properties are retrieved from Wikidata with Lua. The colours are determined by the type of storm (depression, Cyclone storm, etc). 
:* There are a number of other parameters inherited from and described in {{tl|football map}}, including a properties of the marker symbols (icon, colour, size) and a {{para|geoshape}} parameter for adding shapes and masks.
: This example is meant to demonstrate how the map could appear. The colours for both symbol and lines are clearly over the top. The broad opaque path in {{u|Matroc}}'s example is a nice alternative. Suggestions welcome. —&nbsp;<span style="font-family:Arial;background:#d6ffe6;border:solid 1px;border-radius:5px;box-shadow:darkcyan 0px 1px 1px;">&nbsp;[[User:Jts1882|Jts1882]]&nbsp;&#124;[[User talk:Jts1882|&nbsp;talk]]&nbsp;</span> 07:14, 21 May 2020 (UTC)
:: Pretty much things that I had thought of were mentioned... Not sure if mapshapes of countries or markers of major cities in the area of the cyclonic activity would be useful or readily accessible. Description field of course can be used for any image and or added information. I also agree that other storms can be plotted on the same mapframe (time frame limited); however, 1 thing at a time maybe. For now "Well done" and "Best wishes"  -- Cheers! -- [[User:Matroc|Matroc]] ([[User talk:Matroc|talk]]) 02:57, 22 May 2020 (UTC)
{{Cyclone map 
|width=370 |height=270 |align=right
|latitude=15 |longitude=80.5 |zoom=4 
|marker-color1=#bbccff  |marker-symbol1=-number
|stroke-width1=50 |stroke1=#D3D3D3 |stroke-opacity1=0.7 
|id1=Q15397819
}}
: Here is the template version of Matroc's map (with reduced canvas). 
<pre>
{{Cyclone map 
|width=370 |height=270 |align=right
|latitude=15 |longitude=80.5 |zoom=4 
|marker-color1=#bbccff  |marker-symbol1=-number
|stroke-width1=50 |stroke1=#D3D3D3 |stroke-opacity1=0.7 
|id1=Q15397819
}}</pre>
:* {{para|marker-symbol|-number}} sets the marker symbol to an incrementing number (this should match the series ordinal on Wikidata)
:* {{para|marker-colorl|#bbccff}} sets the color of the marker symbol to a pale blue. The default is to let the storm type set the colour (e.g. severe cyclone storm = red)
:* {{para|stroke1}}, {{para|stroke-width1}} and {{para|stroke-opacity1}} set the properties of the line between each point in the storm path, respectively the line colour, line width and line opacity. The default is to let the storm type set the line colour.
:* In general, an index at the end of the parameter name sets the properties for the storm with that index. Without an index number the property is set for all storms listed, unless overridden with a indexed parameter. In the examples, with a single storm, there is not difference.
: Both the lua coded map (the template version, right) and the map coded with the <code><nowiki><mapframe></nowiki></code> tag look different in preview mode. The line gets a rounded margin in preview, but the line ends are straight on the saved page. —&nbsp;<span style="font-family:Arial;background:#d6ffe6;border:solid 1px;border-radius:5px;box-shadow:darkcyan 0px 1px 1px;">&nbsp;[[User:Jts1882|Jts1882]]&nbsp;&#124;[[User talk:Jts1882|&nbsp;talk]]&nbsp;</span> 12:05, 22 May 2020 (UTC)

::Thank you, [[User:Jts1882|Jts1882]]. This is great start! There are some known bugs with Kartographer; the different behaviour in preview vs live is one of them. Some feedback:
::* I've changed the coords to be more far apart (more [[User:Rehman/sandbox2|realistic]]) so we could assess the output better.
::* While the thick-transparent lines are nice, the behaviour at different zoom levels could be problematic. For instance, a zoomed out version with the current thick borders, just show a bunch of polygons bunched up together. This would be a particular issue with cyclones with shorter tracks. I think lines on the thinner range would be ideal for wider scenarios, but that being said, [[User:Matroc|Matroc]]'s "Test Map" seems to be handling the polygons in a smoother way. Maybe we could base on that, and simply halve the thickness? Worst case, we can simply stick to a 1px solid black line.
::* It seems like whatever [[:mw:Help:Extension:Kartographer/Icons|icon we choose]], it will still be placed within the 3D placemark symbol. Would anyone know if there is a way to override this? It would be nice if we can simply have a colour-coded 2D circle/spot for each placemark.
::** Can we have defaults set for the icon colour [[Tropical cyclone scales#Comparisons across basins|based on this]]? See the P31 values for [https://www.wikidata.org/enwiki/w/index.php?oldid=1184450760#P625 the old Wikidata example], for instance. I will go through the Wikidata QIDs for the other types and make sure all is in order, so that we can work on this.
::** Also defaults set for the shape. "Circle" to be the default, triangle if there is another P31 qualifier with value {{Q|Q1063457}}, and "square" for {{Q|Q2331851}}. If {{Q|Q8092}} is set, it should show the default "circle".
::* On a separate note, while this isn't important, would anyone know if it is be possible to change the colour theme used in the map itself? To match to something close to [[:File:Amphan 2020 track.png|current maps]]? Or maybe at least select [https://www.openstreetmap.org/#map=5/16.468/89.165&layers=H another OSM layer]?
::Maybe it is time we move [[Module:Football map/cyclone]] to [[Module:Cyclones tracks]], and start on the live version? Thank you! [[User:Rehman|<span style="font-variant:small-caps; font-weight:bold; color:darkblue">Reh</span>]][[User talk:Rehman|<span style="color:green">man</span>]] 12:25, 23 May 2020 (UTC)
:::: A few brief answers.
::::* I've modified the examples above for the new data. Have you thought of adding the times to each coordinate item?
::::* The different static/dynamic map appearances are a real nuisance. Unfortunately its a performance issue and unlikely to change. However, Matroc's map uses one polyline to draw the path, whereas I used lines for each pair so I could change the line colour. This can be changed so that it uses the single line when the path is all one colour.
::::* Yes, the icons are very limited and all have the markers. I've been experimenting with circles and polygons, which work nicely in preview but not on the page (see the third example at {{tl|cyclone map}} in preview or expanded mode).
::::** I've just chose the colours for the storm types on wikidata to make them obviously different. There is a separate function handling these colours so it's easy to edit them to whatever colour code desired.
::::** The symbols should be straightforward too.
::::* As far as I know Kartographer only supports the one background map. Is that layer a new thing on OSM? That would be a big step forward if it could be incorporated, but is seems development of Kartographer is low on the WMF agenda.
:::: Yes, it might be a good time to move the module and possibly copy this discussion over to the template or module talk page. Do you prefer {{tl|Cyclone tracks}} to {{tl|Cyclone map}}? —&nbsp;<span style="font-family:Arial;background:#d6ffe6;border:solid 1px;border-radius:5px;box-shadow:darkcyan 0px 1px 1px;">&nbsp;[[User:Jts1882|Jts1882]]&nbsp;&#124;[[User talk:Jts1882|&nbsp;talk]]&nbsp;</span> 13:17, 23 May 2020 (UTC)

:::::Thanks [[User:Jts1882|Jts1882]]. By adding times, you mean as part of this maps function? If not, I guess the cyclone project members could decide what else to include. It would probably be a separate ontology project at Wikidata. I look forward to the updated code. I don't have a naming preference, though maps do sound better. Feel free to move the discussion as well. Will update regarding the QIDs on the new talkpage. Cheers, [[User:Rehman|<span style="font-variant:small-caps; font-weight:bold; color:darkblue">Reh</span>]][[User talk:Rehman|<span style="color:green">man</span>]] 13:38, 23 May 2020 (UTC)
:::::: I was think of adding the times to the wikidata for each coordinate item, so we have date/time, series ordinal and storm type (via P31). Then the popup can have time, coordinates and storm type (the latter is currently included). —&nbsp;<span style="font-family:Arial;background:#d6ffe6;border:solid 1px;border-radius:5px;box-shadow:darkcyan 0px 1px 1px;">&nbsp;[[User:Jts1882|Jts1882]]&nbsp;&#124;[[User talk:Jts1882|&nbsp;talk]]&nbsp;</span> 16:39, 23 May 2020 (UTC)
::::::: Yes, that would make sense. Actually, this way we could scrap the series ordinal. The sequence could be determined based on the date/time. What do you think? [[User:Rehman|<span style="font-variant:small-caps; font-weight:bold; color:darkblue">Reh</span>]][[User talk:Rehman|<span style="color:green">man</span>]] 03:25, 24 May 2020 (UTC)
:::::::: Agree, that is probably the best approach. The series ordinal is necessary for the code at the moment, but that should be changed. I added <code>point in time</code> (P585) qualifiers to the [https://www.wikidata.org/wiki/Q15397819 wikidata sandbox], but for some reason it only allows the date (with 00:00 for the time). While this will do for testing, a precise time stamp for the measurement would be better. 
:::::::: The storm colours now should match the colours in [[Tropical_cyclone_scales#Comparisons_across_basins]]. That Typhoon colour is out of place. All the names in the table are included. "Tropical Disturbance" uses the MF Indian ocean column colour rather than the Australian one. —&nbsp;<span style="font-family:Arial;background:#d6ffe6;border:solid 1px;border-radius:5px;box-shadow:darkcyan 0px 1px 1px;">&nbsp;[[User:Jts1882|Jts1882]]&nbsp;&#124;[[User talk:Jts1882|&nbsp;talk]]&nbsp;</span> 14:44, 24 May 2020 (UTC)

=== Break ===
Hi [[User:Jts1882|Jts1882]]. Sorry for the delay in replying. Got stuck with some other work, and was also preparing [[:en:Special:PermanentLink/961064514|these Wikidata items]] - to be used as {{Property|P31}} for individual storms. Would you be able to integrate those QIDs, such that if they are used as P31, the line colour would change accordingly (to the respective table cell colour)?

Since [[:File:Amphan 2020 track.png|current cyclone track maps]] have placemarks very close to each other, and considering how "bulky" the Kartographer markers are currently (and the inability to switch the 3D marker off), I think the most practical/least messy approach at the moment would be to use lines (and no placemarks). But that would mean giving up on the shape information (triangle for {{Q|Q1063457}}, square for {{Q|Q2331851}}); which is not a good way to go, and editors would probably not accept this.

What do you think of manually overlaying those shapes at the start of each line segment (not as placemarks, but as overlay shapes)? Does that make sense, or is it too complex? Do you think there's a better way around this problem? [[User:Matroc|Matroc]]? [[User:Rehman|<span style="font-variant:small-caps; font-weight:bold; color:darkblue">Reh</span>]][[User talk:Rehman|<span style="color:green">man</span>]] 13:23, 6 June 2020 (UTC)

{{Cyclone map  |mode=test |width=400 |height=270 |align=right |latitude=15 |longitude=82 |zoom=4 
|marker-symbol1=square |stroke-width1=5
|id1=Q15397819
}}
: The colours for different storm descriptions should already map the template colours (see last comment before the break). It checks the names rather than the wikidata ids. If you change the storm type on Wikidata, the colours of the lines should change in the test version (i.e. with {{para|mode|test}}) of the map. 
: One option is to use the lines and place the marker only on the first point. The example to the right uses wikidata to determine line colour and shows the marker sympbol with a square (this can be automated to storm type). The circles currently show on each point of the path in edit preview and when the map is expanded, but that can be removed. —&nbsp;<span style="font-family:Arial;background:#d6ffe6;border:solid 1px;border-radius:5px;box-shadow:darkcyan 0px 1px 1px;">&nbsp;[[User:Jts1882|Jts1882]]&nbsp;&#124;[[User talk:Jts1882|&nbsp;talk]]&nbsp;</span> 13:58, 6 June 2020 (UTC)
----
<mapframe text="Test Map" frame="yes" zoom="6" latitude="7.3178333333333" longitude="80.511166666667" width="400" height="270" frame="yes"> {"type": "FeatureCollection", "features": [
{"type":"Feature", "properties": { "stroke":"#D3D3D3", "stroke-opacity":0.7, "stroke-width":50,},
"geometry": {"type":"LineString", "coordinates": [[80.298888888889,6.3316666666667],[80.263888888889,6.6644444444444],[80.434444444444,7.1883333333333],[80.656111111111,8.1086111111111],[80.9025,8.2961111111111]]}},
{"type": "Feature","geometry": { "type":"Polygon", "coordinates": [[[80.328278,6.371869], [80.441547,6.377734], [80.346442,6.316310], [80.387057,6.211040], [80.298889,6.281969], [80.210721,6.211040], [80.251336,6.316310], [80.156230,6.377734], [80.269500,6.371869], [80.298889,6.480730], [80.328278,6.371869]]]}, "properties":{ "title": "Serial 1", "description": "", "fill": "#000000", "stroke":"#0000ff", "stroke-width":1 }} ,
{"type": "Feature","geometry": { "type":"Polygon", "coordinates": [[[80.263889,6.763759],[80.350491,6.614780],[80.177286,6.614780],[80.263889,6.763759]]]}, "properties":{ "title": "Serial 2", "description": "", "fill": "#000000", "stroke":"#0000ff", "stroke-width":1 }},
{"type": "Feature","geometry": { "type":"Polygon", "coordinates": [[[80.505155,7.258483],[80.505155,7.118173],[80.363734,7.118173],[80.363734,7.258483],[80.505155,7.258483]]]}, "properties":{ "title": "Serial 3", "description": "<div style='text-align:left; font-size:medium;'>\n----\n*[[{{FULLPAGENAME}}#/map/6/7/9.77/84 | Locator ]]\n*[[{{FULLPAGENAME}}#/map/6/11/6.66444/80.26388 | Back to Position 2]]\n*[[{{FULLPAGENAME}}#/map/6/11/8.10861/80.656| '''Go to''' Position 4]]\n</div>", "fill": "#000000", "stroke":"#0000ff", "stroke-width":1 }},
{"type": "Feature","geometry": { "type":"Polygon", "coordinates": [[[80.657856,8.208596],[80.659601,8.208550],[80.661345,8.208474],[80.663087,8.208367],[80.664827,8.208230], [80.666564,8.208063],[80.668298,8.207866],[80.670028,8.207638],[80.671754,8.207380],[80.673476,8.207092], [80.675192,8.206774],[80.676902,8.206426],[80.678606,8.206048],[80.680303,8.205641],[80.681993,8.205204], [80.683675,8.204737],[80.685348,8.204241],[80.687013,8.203717],[80.688668,8.203163],[80.690313,8.202580], [80.691948,8.201969],[80.693572,8.201329],[80.695184,8.200661],[80.696785,8.199966],[80.698373,8.199242], [80.699948,8.198490],[80.701510,8.197712],[80.703058,8.196906],[80.704592,8.196073],[80.706111,8.195214], [80.707615,8.194328],[80.709103,8.193416],[80.710575,8.192478],[80.712030,8.191515],[80.713469,8.190526], [80.714890,8.189513],[80.716293,8.188475],[80.717677,8.187412],[80.719043,8.186326],[80.720390,8.185215], [80.721717,8.184082],[80.723024,8.182925],[80.724311,8.181746],[80.725577,8.180545],[80.726822,8.179322], [80.728045,8.178077],[80.729246,8.176811],[80.730425,8.175524],[80.731582,8.174217],[80.732715,8.172890], [80.733826,8.171543],[80.734912,8.170177],[80.735975,8.168793],[80.737013,8.167390],[80.738026,8.165969], [80.739015,8.164530],[80.739978,8.163075],[80.740916,8.161603],[80.741828,8.160115],[80.742714,8.158611], [80.743573,8.157092],[80.744406,8.155558],[80.745212,8.154010],[80.745990,8.152448],[80.746742,8.150873], [80.747466,8.149285],[80.748161,8.147684],[80.748829,8.146072],[80.749469,8.144448],[80.750080,8.142813], [80.750663,8.141168],[80.751217,8.139513],[80.751741,8.137848],[80.752237,8.136175],[80.752704,8.134493], [80.753141,8.132803],[80.753548,8.131106],[80.753926,8.129402],[80.754274,8.127692],[80.754592,8.125976], [80.754880,8.124254],[80.755138,8.122528],[80.755366,8.120798],[80.755563,8.119064],[80.755730,8.117327], [80.755867,8.115587],[80.755974,8.113845],[80.756050,8.112101],[80.756096,8.110356],[80.756111,8.108611], [80.756096,8.106866],[80.756050,8.105121],[80.755974,8.103377],[80.755867,8.101635],[80.755730,8.099895], [80.755563,8.098158],[80.755366,8.096424],[80.755138,8.094694],[80.754880,8.092968],[80.754592,8.091246], [80.754274,8.089530],[80.753926,8.087820],[80.753548,8.086116],[80.753141,8.084419],[80.752704,8.082729], [80.752237,8.081047],[80.751741,8.079374],[80.751217,8.077709],[80.750663,8.076054],[80.750080,8.074409], [80.749469,8.072774],[80.748829,8.071150],[80.748161,8.069538],[80.747466,8.067937],[80.746742,8.066349], [80.745990,8.064774],[80.745212,8.063212],[80.744406,8.061664],[80.743573,8.060130],[80.742714,8.058611], [80.741828,8.057107],[80.740916,8.055619],[80.739978,8.054147],[80.739015,8.052692],[80.738026,8.051253], [80.737013,8.049832],[80.735975,8.048429],[80.734912,8.047045],[80.733826,8.045679],[80.732715,8.044332], [80.731582,8.043005],[80.730425,8.041698],[80.729246,8.040411],[80.728045,8.039145],[80.726822,8.037900], [80.725577,8.036677],[80.724311,8.035476],[80.723024,8.034297],[80.721717,8.033140],[80.720390,8.032007], [80.719043,8.030896],[80.717677,8.029810],[80.716293,8.028747],[80.714890,8.027709],[80.713469,8.026696], [80.712030,8.025707],[80.710575,8.024744],[80.709103,8.023806],[80.707615,8.022894],[80.706111,8.022008], [80.704592,8.021149],[80.703058,8.020316],[80.701510,8.019510],[80.699948,8.018732],[80.698373,8.017980], [80.696785,8.017256],[80.695184,8.016561],[80.693572,8.015893],[80.691948,8.015253],[80.690313,8.014642], [80.688668,8.014059],[80.687013,8.013505],[80.685348,8.012981],[80.683675,8.012485],[80.681993,8.012018], [80.680303,8.011581],[80.678606,8.011174],[80.676902,8.010796],[80.675192,8.010448],[80.673476,8.010130], [80.671754,8.009842],[80.670028,8.009584],[80.668298,8.009356],[80.666564,8.009159],[80.664827,8.008992], [80.663087,8.008855],[80.661345,8.008748],[80.659601,8.008672],[80.657856,8.008626],[80.656111,8.008611], [80.654366,8.008626],[80.652621,8.008672],[80.650877,8.008748],[80.649135,8.008855],[80.647395,8.008992], [80.645658,8.009159],[80.643924,8.009356],[80.642194,8.009584],[80.640468,8.009842],[80.638746,8.010130], [80.637030,8.010448],[80.635320,8.010796],[80.633616,8.011174],[80.631919,8.011581],[80.630229,8.012018], [80.628547,8.012485],[80.626874,8.012981],[80.625209,8.013505],[80.623554,8.014059],[80.621909,8.014642], [80.620274,8.015253],[80.618650,8.015893],[80.617038,8.016561],[80.615437,8.017256],[80.613849,8.017980], [80.612274,8.018732],[80.610712,8.019510],[80.609164,8.020316],[80.607630,8.021149],[80.606111,8.022008], [80.604607,8.022894],[80.603119,8.023806],[80.601647,8.024744],[80.600192,8.025707],[80.598753,8.026696], [80.597332,8.027709],[80.595929,8.028747],[80.594545,8.029810],[80.593179,8.030896],[80.591832,8.032007], [80.590505,8.033140],[80.589198,8.034297],[80.587911,8.035476],[80.586645,8.036677],[80.585400,8.037900], [80.584177,8.039145],[80.582976,8.040411],[80.581797,8.041698],[80.580640,8.043005],[80.579507,8.044332], [80.578396,8.045679],[80.577310,8.047045],[80.576247,8.048429],[80.575209,8.049832],[80.574196,8.051253], [80.573207,8.052692],[80.572244,8.054147],[80.571306,8.055619],[80.570394,8.057107],[80.569508,8.058611], [80.568649,8.060130],[80.567816,8.061664],[80.567010,8.063212],[80.566232,8.064774],[80.565480,8.066349], [80.564756,8.067937],[80.564061,8.069538],[80.563393,8.071150],[80.562753,8.072774],[80.562142,8.074409], [80.561559,8.076054],[80.561005,8.077709],[80.560481,8.079374],[80.559985,8.081047],[80.559518,8.082729], [80.559081,8.084419],[80.558674,8.086116],[80.558296,8.087820],[80.557948,8.089530],[80.557630,8.091246], [80.557342,8.092968],[80.557084,8.094694],[80.556856,8.096424],[80.556659,8.098158],[80.556492,8.099895], [80.556355,8.101635],[80.556248,8.103377],[80.556172,8.105121],[80.556126,8.106866],[80.556111,8.108611], [80.556126,8.110356],[80.556172,8.112101],[80.556248,8.113845],[80.556355,8.115587],[80.556492,8.117327], [80.556659,8.119064],[80.556856,8.120798],[80.557084,8.122528],[80.557342,8.124254],[80.557630,8.125976], [80.557948,8.127692],[80.558296,8.129402],[80.558674,8.131106],[80.559081,8.132803],[80.559518,8.134493], [80.559985,8.136175],[80.560481,8.137848],[80.561005,8.139513],[80.561559,8.141168],[80.562142,8.142813], [80.562753,8.144448],[80.563393,8.146072],[80.564061,8.147684],[80.564756,8.149285],[80.565480,8.150873], [80.566232,8.152448],[80.567010,8.154010],[80.567816,8.155558],[80.568649,8.157092],[80.569508,8.158611], [80.570394,8.160115],[80.571306,8.161603],[80.572244,8.163075],[80.573207,8.164530],[80.574196,8.165969], [80.575209,8.167390],[80.576247,8.168793],[80.577310,8.170177],[80.578396,8.171543],[80.579507,8.172890], [80.580640,8.174217],[80.581797,8.175524],[80.582976,8.176811],[80.584177,8.178077],[80.585400,8.179322], [80.586645,8.180545],[80.587911,8.181746],[80.589198,8.182925],[80.590505,8.184082],[80.591832,8.185215], [80.593179,8.186326],[80.594545,8.187412],[80.595929,8.188475],[80.597332,8.189513],[80.598753,8.190526], [80.600192,8.191515],[80.601647,8.192478],[80.603119,8.193416],[80.604607,8.194328],[80.606111,8.195214], [80.607630,8.196073],[80.609164,8.196906],[80.610712,8.197712],[80.612274,8.198490],[80.613849,8.199242], [80.615437,8.199966],[80.617038,8.200661],[80.618650,8.201329],[80.620274,8.201969],[80.621909,8.202580], [80.623554,8.203163],[80.625209,8.203717],[80.626874,8.204241],[80.628547,8.204737],[80.630229,8.205204], [80.631919,8.205641],[80.633616,8.206048],[80.635320,8.206426],[80.637030,8.206774],[80.638746,8.207092], [80.640468,8.207380],[80.642194,8.207638],[80.643924,8.207866],[80.645658,8.208063],[80.647395,8.208230], [80.649135,8.208367],[80.650877,8.208474],[80.652621,8.208550],[80.654366,8.208596],[80.656111,8.208611],[80.657856,8.208596]]]}, "properties":{ "title": "Serial 4", "description": "", "fill": "#000000", "stroke":"#0000ff", "stroke-width":1 }},
{"type": "Feature","geometry": { "type":"Polygon", "coordinates":  [[[80.902500,8.395052],[80.989103,8.345585],[80.902500,8.197145],[80.815897,8.345585],[80.902500,8.395052]]]},  "properties":{ "title": "Serial 5", "description": "", "fill": "#000000", "stroke":"#0000ff", "stroke-width":1 }},
{"type": "Feature","geometry": { "type":"Polygon", "coordinates": [[[83.894199,9.626458],[83.676393,9.538216],[83.828810,9.715179],[83.600000,9.770000],[83.828810,9.824812],[83.676393,10.001623],[83.894199,9.913480],[83.876393,10.144691],[84.000000,9.947342],[84.123607,10.144691],[84.105801,9.913480],[84.323607,10.001623],[84.171190,9.824812],[84.400000,9.770000],[84.171190,9.715179],[84.323607,9.538216],[84.105801,9.626458],[84.123607,9.394886],[84.000000,9.592564],[83.876393,9.394886],[83.894199,9.626458]]]}, "properties":{ "title": "Position Locator", "description": "<div style='text-align:left; font-size:medium;'>\n----\n*[[{{FULLPAGENAME}}#/map/6/11/6.3316/80.2988|Position 1]]\n*[[{{FULLPAGENAME}}#/map/6/11/6.6644/80.2638|Position 2]]\n*[[{{FULLPAGENAME}}#/map/6/11/7.1883/80.4344|Position 3]]\n*[[{{FULLPAGENAME}}#/map/6/11/8.1086/80.6561|Position 4]]\n*[[{{FULLPAGENAME}}#/map/6/11/8.2961/80.9025|Position 5]]\n</div>", "fill": "#fff933", "stroke":"#0000ff", "stroke-width":1 }},
]}
</mapframe>
* Bulky pointer (markers on map) - There are 3 sizes of markers - "small, medium and large" - Even with use of small there isn't much difference - They may still overlap each other depending on zoom level.
* Line colour change is fine as is one marker to start the track if so desired.
* I added a mapframe test with various shapes that act like pointers (can add pictures, descriptions, colors etc.). These were created using a Module I wrote circa 2017. I thought this is what was meant as an overlay shape???
* Hope this is of some help! -- [[User:Matroc|Matroc]] ([[User talk:Matroc|talk]]) 04:46, 10 June 2020 (UTC)
{{Cyclone map  |mode=test2
|width=400 |height=270 |align=right
|latitude=15 |longitude=82 |zoom=4 
<!--|stroke1=#333333--> |stroke-width1=5
|id1=Q15397819
}}
::: {{ping|Matroc}} Yes, that is very helpful. I had played with the polygon in one of my test options, but I didn't like the behaviour. Now I see the reason. I was using a larger stroke-width which stays the same regardless of zoom and gives rounded edges to the shapes. You used a stroke-width of 1 which gives cleaner shapes that change size with the zoom. That is much better.
::: The map to the right (below yours) is an example using a square. I don't like the circle shape (not clean at all zooms), but the square, triangle, and star give crisp shapes and inverse triangle and diamond  should as well. I will add an overlaid symbol feature with shape, color and size properties.
:::: The circle I used is a multisided figure with a limited number of sides (40 which accounts for the zoom effect for the circle not being cleaner - probably can attain a better shape using 100 or so more) I am going to replace that with a circle shape which is large [360] positions and would appear better though probably at a  higher processing cost. -- [[User:Matroc|Matroc]] ([[User talk:Matroc|talk]]) 19:04, 10 June 2020 (UTC)
:::: As an extra (not for the fainthearted) - I put a '''sunburst''' shape on the map that has links to various positions on my map - One can also add such links to markers or shapes in order to traverse the map (I will illustrate that on Position 3 (square). This was an idea I came up with on '''wikivoyage''' while conversing with Yurik. There are several caveats (gotchas) in order to accomplish this type of thing... I came back and corrected a few issues but you can get the picture. This may be useful in another project. Cheers! -- [[User:Matroc|Matroc]] ([[User talk:Matroc|talk]]) 21:42, 10 June 2020 (UTC)
::: There is one difference with the popups on these overlaid shape symbols in that the popups don't close properly like they do with the marker symbols. —&nbsp;<span style="font-family:Arial;background:#d6ffe6;border:solid 1px;border-radius:5px;box-shadow:darkcyan 0px 1px 1px;">&nbsp;[[User:Jts1882|Jts1882]]&nbsp;&#124;[[User talk:Jts1882|&nbsp;talk]]&nbsp;</span> 14:14, 10 June 2020 (UTC)