Widget:Map - Revision history

Tom at 04:38, 27 March 2022

2022-03-27T04:38:22Z

← Older revision		Revision as of 06:38, 27 March 2022
Line 8:		Line 8:
	* bounds - optional bounds array, replaces lon,lat,zoom		* 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		* 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~~" or "~~province~~"		* overlay - activate color overlay, most be one of "realms", "cultures", "religions" or "provinces"
	* zone - activate zone overlay		* zone - activate zone overlay
	* info - set to show the information overlay/popup on click		* info - set to show the information overlay/popup on click
Line 74:		Line 74:
	map.setLayoutProperty('cultures-overlay', 'visibility', 'visible');		map.setLayoutProperty('cultures-overlay', 'visibility', 'visible');
	map.setLayoutProperty('cultures-labels', 'visibility', 'visible');		map.setLayoutProperty('cultures-labels', 'visibility', 'visible');
			map.setLayoutProperty('realms-labels', 'visibility', 'none');
			map.setLayoutProperty('contours-labels', 'visibility', 'none');
			map.setLayoutProperty('contours-lines', 'visibility', 'none');
			<!--{elseif $overlay eq "religions"}-->
			map.setLayoutProperty('religions-overlay', 'visibility', 'visible');
			map.setLayoutProperty('religions-labels', 'visibility', 'visible');
			map.setLayoutProperty('realms-labels', 'visibility', 'none');
			map.setLayoutProperty('contours-labels', 'visibility', 'none');
			map.setLayoutProperty('contours-lines', 'visibility', 'none');
			<!--{elseif $overlay eq "provinces"}-->
			map.setLayoutProperty('provinces-overlay', 'visibility', 'visible');
			map.setLayoutProperty('provinces-labels', 'visibility', 'visible');
	map.setLayoutProperty('realms-labels', 'visibility', 'none');		map.setLayoutProperty('realms-labels', 'visibility', 'none');
	map.setLayoutProperty('contours-labels', 'visibility', 'none');		map.setLayoutProperty('contours-labels', 'visibility', 'none');

Tom: Undo revision 3084 by Tom (talk)

2021-11-03T12:08:39Z

Undo revision 3084 by Tom (talk)

← Older revision		Revision as of 14:08, 3 November 2021
Line 31:		Line 31:
	var options = {		var options = {
	container: 'map',		container: 'map',
	projection: { name: '~~mercator~~' },		projection: { name: 'naturalEarth' },
	style: 'mapbox://styles/notveryprofessional/ck0qxxd4t1bua1cljtkddg3ye',		style: 'mapbox://styles/notveryprofessional/ck0qxxd4t1bua1cljtkddg3ye',
	logoPosition: 'bottom-right',		logoPosition: 'bottom-right',

Tom at 12:08, 3 November 2021

2021-11-03T12:08:03Z

← Older revision		Revision as of 14:08, 3 November 2021
Line 31:		Line 31:
	var options = {		var options = {
	container: 'map',		container: 'map',
	projection: { name: '~~naturalEarth~~' },		projection: { name: 'mercator' },
	style: 'mapbox://styles/notveryprofessional/ck0qxxd4t1bua1cljtkddg3ye',		style: 'mapbox://styles/notveryprofessional/ck0qxxd4t1bua1cljtkddg3ye',
	logoPosition: 'bottom-right',		logoPosition: 'bottom-right',

Tom at 12:07, 3 November 2021

2021-11-03T12:07:05Z

← Older revision		Revision as of 14:07, 3 November 2021
Line 17:		Line 17:
	</noinclude>		</noinclude>
	<includeonly>		<includeonly>
	<script src='https://api~~.tiles~~.mapbox.com/mapbox-gl-js/v1.3.1/mapbox-gl.js'></script>		<script src='https://api.mapbox.com/mapbox-gl-js/v2.6.0-beta.1/mapbox-gl.js'></script>
	<link href='https://api~~.tiles~~.mapbox.com/mapbox-gl-js/v1.3.1/mapbox-gl.css' rel='stylesheet' />		<link href='https://api.mapbox.com/mapbox-gl-js/v2.6.0-beta.1/mapbox-gl.css' rel='stylesheet' />
	<style>		<style>
	a.mapbox-ctrl-logo { display: none !important; }		a.mapbox-ctrl-logo { display: none !important; }

Tom: changing projection to Natural Earth (https://en.wikipedia.org/wiki/Natural_Earth_projection)

2021-11-03T12:06:03Z

changing projection to Natural Earth (https://en.wikipedia.org/wiki/Natural_Earth_projection)

← Older revision		Revision as of 14:06, 3 November 2021
Line 31:		Line 31:
	var options = {		var options = {
	container: 'map',		container: 'map',
			projection: { name: 'naturalEarth' },
	style: 'mapbox://styles/notveryprofessional/ck0qxxd4t1bua1cljtkddg3ye',		style: 'mapbox://styles/notveryprofessional/ck0qxxd4t1bua1cljtkddg3ye',
	logoPosition: 'bottom-right',		logoPosition: 'bottom-right',

Tom at 12:01, 12 March 2020

2020-03-12T12:01:20Z

← Older revision		Revision as of 14:01, 12 March 2020
Line 119:		Line 119:

	<!--{if $info}-->		<!--{if $info}-->
	map.setLayoutProperty('~~overlay_major~~', 'visibility', 'visible');		map.setLayoutProperty('overlay-major', 'visibility', 'visible');
	map.setPaintProperty('~~overlay_major~~', 'fill-opacity', 0);		map.setPaintProperty('overlay-major', 'fill-opacity', 0);

	var biome = "";		var biome = "";
Line 129:		Line 129:
	});		});

	map.on('click', 'overlay', function(e) {		map.on('click', 'overlay-major', function(e) {
	var Realm = "(none)";		var Realm = "(none)";
	~~var Province = "(none)";~~
	var Culture = "(none)";		var Culture = "(none)";
	var Religion = "(none)";		var Religion = "(none)";
Line 137:		Line 136:
	switch (feature.properties.class) {		switch (feature.properties.class) {
	case 'realm': Realm = feature.properties.name; break;		case 'realm': Realm = feature.properties.name; break;
	~~case 'province': Province = feature.properties.name; break;~~
	case 'culture': Culture = feature.properties.name; break;		case 'culture': Culture = feature.properties.name; break;
	case 'religion': Religion = feature.properties.name; break;		case 'religion': Religion = feature.properties.name; break;
Line 145:		Line 143:
	new mapboxgl.Popup()		new mapboxgl.Popup()
	.setLngLat(e.lngLat.wrap())		.setLngLat(e.lngLat.wrap())
	.setHTML("<table><tr><td>Biome:</td><td>"+biome+"</td></tr><tr><td>Realm:</td><td>"+Realm~~+"</td></tr><tr><td>Province:</td><td>"+Province~~+"</td></tr><tr><td>Culture:</td><td>"+Culture+"</td></tr><tr><td>Religion:</td><td>"+Religion+"</td></tr></table>")		.setHTML("<table><tr><td>Biome:</td><td>"+biome+"</td></tr><tr><td>Realm:</td><td>"+Realm+"</td></tr><tr><td>Culture:</td><td>"+Culture+"</td></tr><tr><td>Religion:</td><td>"+Religion+"</td></tr></table>")
	.addTo(map);		.addTo(map);
	});		});

Tom at 11:58, 12 March 2020

2020-03-12T11:58:43Z

← Older revision		Revision as of 13:58, 12 March 2020
Line 119:		Line 119:

	<!--{if $info}-->		<!--{if $info}-->
	map.setLayoutProperty('~~overlay~~', 'visibility', 'visible');		map.setLayoutProperty('overlay_major', 'visibility', 'visible');
	map.setPaintProperty('~~overlay~~', 'fill-opacity', 0);		map.setPaintProperty('overlay_major', 'fill-opacity', 0);

	var biome = "";		var biome = "";

Tom at 13:21, 24 February 2020

2020-02-24T13:21:55Z

← Older revision		Revision as of 15:21, 24 February 2020
Line 51:		Line 51:
	map.setFilter('overlay-minor', ["all", ["==", "class", "<!--{$show\|escape:'html'}-->"], ["!=", "name", "<!--{$filter\|escape:'html'}-->"]]);		map.setFilter('overlay-minor', ["all", ["==", "class", "<!--{$show\|escape:'html'}-->"], ["!=", "name", "<!--{$filter\|escape:'html'}-->"]]);
	map.setLayoutProperty('overlay-minor', 'visibility', 'visible');		map.setLayoutProperty('overlay-minor', 'visibility', 'visible');
	~~map.setLayoutProperty('contours-labels', 'visibility', 'none');~~
	~~map.setLayoutProperty('contours-lines', 'visibility', 'none');~~
	<!--{elseif $show eq "state"}-->		<!--{elseif $show eq "state"}-->
	map.setFilter('overlay-minor', ["all", ["==", "class", "<!--{$show\|escape:'html'}-->"], ["!=", "name", "<!--{$filter\|escape:'html'}-->"]]);		map.setFilter('overlay-minor', ["all", ["==", "class", "<!--{$show\|escape:'html'}-->"], ["!=", "name", "<!--{$filter\|escape:'html'}-->"]]);
	map.setLayoutProperty('overlay-minor', 'visibility', 'visible');		map.setLayoutProperty('overlay-minor', 'visibility', 'visible');
	~~map.setLayoutProperty('contours-labels', 'visibility', 'none');~~
	~~map.setLayoutProperty('contours-lines', 'visibility', 'none');~~
	<!--{elseif $show eq "zone"}-->		<!--{elseif $show eq "zone"}-->
	map.setFilter('~~overlay-minor~~', ["all", ["=~~=", "class", "<!--{$show\|escape:'html'}-->"], ["!~~=", "name", "<!--{$filter\|escape:'html'}-->"]]);		map.setFilter('zones', ["all", ["==", "name", "<!--{$filter\|escape:'html'}-->"]]);
	map.setLayoutProperty('~~overlay-minor~~', 'visibility', 'visible');		map.setLayoutProperty('zones', 'visibility', 'visible');
	map.setLayoutProperty('contours-labels', 'visibility', 'none');		map.setLayoutProperty('contours-labels', 'visibility', 'none');
	map.setLayoutProperty('contours-lines', 'visibility', 'none');		map.setLayoutProperty('contours-lines', 'visibility', 'none');

Tom at 13:18, 24 February 2020

2020-02-24T13:18:27Z

@@ Line 47: / Line 47: @@
 map.on("load", function() {
 <!--{if $show}-->
-    map.setFilter('overlay', ["all", ["==", "class", "<!--{$show|escape:'html'}-->"], ["!=", "name", "<!--{$filter|escape:'html'}-->"]]);
+    <!--{if $show eq "province"}-->
-    map.setLayoutProperty('overlay', 'visibility', 'visible');
+      map.setFilter('overlay-minor', ["all", ["==", "class", "<!--{$show|escape:'html'}-->"], ["!=", "name", "<!--{$filter|escape:'html'}-->"]]);
     map.setLayoutProperty('realms-labels', 'visibility', 'none');
     map.setLayoutProperty('contours-labels', 'visibility', 'none');

Tom: Undo revision 1757 by Tom (talk)

2020-02-24T13:15:54Z

Undo revision 1757 by Tom (talk)

← Older revision		Revision as of 15:15, 24 February 2020
Line 54:		Line 54:
	<!--{/if}-->		<!--{/if}-->
	<!--{if $show}-->		<!--{if $show}-->
	map.setFilter('overlay-<!--{$show\|escape:'html'}-->', ["!=", "name", "<!--{$filter\|escape:'html'}-->"]);		map.setFilter('overlay', ["all", ["==", "class", "<!--{$show\|escape:'html'}-->"], ["!=", "name", "<!--{$filter\|escape:'html'}-->"]]);
	map.setLayoutProperty('overlay', 'visibility', 'visible');		map.setLayoutProperty('overlay', 'visibility', 'visible');
	map.setLayoutProperty('realms-labels', 'visibility', 'none');		map.setLayoutProperty('realms-labels', 'visibility', 'none');