TiddlyWiki5/plugins/tiddlywiki/geospatial/tests/widgets/geomap-refresh.tid

title: $:/plugins/tiddlywiki/geospatial/tests/widgets/geomap-refresh
description: refreshing of geomap widget
type: text/vnd.tiddlywiki-multiple
tags: [[$:/tags/wiki-test-spec]]

title: Description
text: Map using dynamic geolayer to represent features
+
title: Layer
tags: $:/tags/GeoFeature
type: application/json
color: red

{
	"type": "FeatureCollection",
	"features": [
		{
			"type": "Feature",
			"id": "An example geofeature feature",
			"properties": {
				"custom": "A custom property of this feature",
				"color": "#ff8"
			},
			"geometry": {
				"type": "Polygon",
				"coordinates": [
					[
						[-90,35],
						[-90,30],
						[-85,30],
						[-85,35],
						[-90,35]
					]
				]
			}
		}
	]
}
+
title: Output

<$button>
<$action-setfield $tiddler="$:/state/layer" $value="yes"/>
Click here to enable the layer
</$button>

<$geomap
	state=<<qualify "$:/state/demo-map">>
>
	<$geolayer 
		json={{{ [{$:/state/layer}match[yes]then{Layer}else[]] }}}
		colorFilter="[<currentTiddler>jsonget[properties],[color]else[red]]"
	/>
</$geomap>
+
title: ExpectedResult

<p><button class="">

Click here to enable the layer
</button></p><p><div style="width:100%;height:600px;"></div></p>