title: $:/plugins/tiddlywiki/geospatial/tests/operators/geounion-interactive
description: geounion operator interactive example
type: text/vnd.tiddlywiki-multiple
tags: [[$:/tags/wiki-test-spec]]

title: Description

geounion operator interactive example
+
title: Output

\whitespace trim
<$geomap 
	state=<<qualify "$:/state/demo-map">>
	startPosition="bounds"
	layersPanel="open"
>
<$geolayer json={{LayerOne}} name="LayerOne" color="red"/>
<$geolayer json={{LayerTwo}} name="LayerTwo" color="yellow"/>
<$geolayer json={{{ =[{LayerOne}] =[{LayerTwo}] +[geounion[]] }}}  name="Union of LayerOne and LayerTwo" color="blue"/>
</$geomap>
+
title: LayerOne
type: application/json

{
	"type": "FeatureCollection",
	"features": [
		{
			"type": "Feature",
			"geometry": {
				"type": "Polygon",
				"coordinates": [
					[[100.0,0.0],[102.0,0.0],[102.0,2.0],[100.0,2.0],[100.0,0.0]]
				]
			}
		}
	]
}
+
+
title: LayerTwo
type: application/json

{
	"type": "FeatureCollection",
	"features": [
		{
			"type": "Feature",
			"geometry": {
				"type": "Polygon",
				"coordinates": [
					[[101.0,1.0],[103.0,1.0],[103.0,3.0],[101.0,3.0],[101.0,1.0]]
				]
			}
		}
	]
}
+
title: ExpectedResult

<p><div style="width:100%;height:600px;"></div></p>