Map: Difference between revisions

Revision as of 20:58, 1 November 2019

New and unified map widget.

lon, lat, zoom - longitude, latitude and zoom for the map (defaults: 1, 30, 4)
width, height - dimensions of the map itself on the page, in px or % (defaults: 50%, 400px)
bounds - optional bounds array, replaces lon,lat,zoom
show, filter = show must be one of "realm", "culture", "religion" or "province" and filter must be the (short) name of the entity to highlight
info - set to show the information overlay/popup on click

@@ Line 1: / Line 1: @@
 <noinclude>
 == Map Widget ==
+New and unified map widget.
 === Parameters ===
@@ Line 51: / Line 52: @@
     map.setLayoutProperty('contours-lines', 'visibility', 'none');
 <!--{/if}-->
+   map.on('mouseenter', 'towns-labels', function() { map.getCanvas().style.cursor = 'pointer'; });
+   map.on('mouseleave', 'towns-labels', function() { map.getCanvas().style.cursor = ''; });
+   map.on('mouseenter', 'realms-labels', function() { map.getCanvas().style.cursor = 'pointer'; });
+   map.on('mouseleave', 'realms-labels', function() { map.getCanvas().style.cursor = ''; });
+   map.on('click', 'towns-labels', function(e) {
+      var name = e.features[0].properties.Burg;
+      // this could probably improved with the proper mediawiki magic word, but need to figure out which one and how to make it work in widgets
+      window.location.href = '/dragoneye/atlas/'+name;
+   });
+   map.on('click', 'realms-labels', function(e) {
+      var name = e.features[0].properties.name;
+      // this could probably improved with the proper mediawiki magic word, but need to figure out which one and how to make it work in widgets
+      window.location.href = '/dragoneye/atlas/'+name;
+   });
 <!--{if $info}-->