2023-05-09 09:35:33 +00:00
|
|
|
title: $:/plugins/tiddlywiki/geospatial/tests/widgets/geomap
|
|
|
|
|
description: geomap widget
|
|
|
|
|
type: text/vnd.tiddlywiki-multiple
|
|
|
|
|
tags: [[$:/tags/wiki-test-spec]]
|
|
|
|
|
|
|
|
|
|
title: Description
|
|
|
|
|
text: Map using 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
|
|
|
|
|
|
|
|
|
|
<$geomap
|
|
|
|
|
state=<<qualify "$:/state/demo-map">>
|
|
|
|
|
>
|
|
|
|
|
<$geolayer
|
|
|
|
|
json={{Layer}}
|
|
|
|
|
colorFilter="[<currentTiddler>jsonget[properties],[color]else[red]]"
|
|
|
|
|
/>
|
|
|
|
|
</$geomap>
|
|
|
|
|
+
|
|
|
|
|
title: ExpectedResult
|
|
|
|
|
|
2023-05-09 09:39:57 +00:00
|
|
|
<p><div style="width:100%;height:600px;"></div></p>
|
