Map: Difference between revisions

Revision as of 08:30, 24 January 2020

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
overlay - activate color overlay, most be one of "realm", "culture, "religion", "province" or "zone"
info - set to show the information overlay/popup on click

@@ Line 46: / Line 46: @@
 map.on("load", function() {
+<!--{if $zone}-->
+   map.setFilter('zones', ["all", ["==", "name", "<!--{$filter|escape:'html'}-->"]]);
+   map.setLayoutProperty('zones', 'visibility', 'visible');
+   map.setLayoutProperty('contours-labels', 'visibility', 'none');
+   map.setLayoutProperty('contours-lines', 'visibility', 'none');
+<!--{/if}-->
 <!--{if $show}-->
-    <!--{if $show eq "zone"}-->
+    map.setFilter('overlay', ["all", ["==", "class", "<!--{$show|escape:'html'}-->"], ["!=", "name", "<!--{$filter|escape:'html'}-->"]]);
-      map.setFilter('overlay', ["all", ["==", "class", "<!--{$show|escape:'html'}-->"], ["==", "name", "<!--{$filter|escape:'html'}-->"]]);
-      map.setPaintProperty('overlay', 'fill-opacity', 0.2);
-      map.setPaintProperty('overlay', 'fill-pattern', 'diagonal-stripes');
-      map.setPaintProperty('overlay', 'fill-color', '#ffff00');
-      map.setPaintProperty('overlay', 'fill-outline-color', '#a00000');
-   <!--{else}-->
-      map.setFilter('overlay', ["all", ["==", "class", "<!--{$show|escape:'html'}-->"], ["!=", "name", "<!--{$filter|escape:'html'}-->"]]);
-   <!--{/if}-->
     map.setLayoutProperty('overlay', 'visibility', 'visible');
     map.setLayoutProperty('realms-labels', 'visibility', 'none');