+{"applicationInfo":{"name":"Demo lowcoder-comp-geo","createAt":1711382397684,"createBy":"659c3d906dfae3228796b5ba","applicationId":"66019f7d803f60101e75602c","applicationType":1},"applicationDSL":{"ui":{"layout":{"d55baa4f":{"i":"d55baa4f","h":6,"w":24,"x":0,"y":0,"pos":0},"ef4f6ffd":{"i":"ef4f6ffd","h":60,"w":24,"x":0,"y":6,"pos":2}},"items":{"d55baa4f":{"compType":"navigation","comp":{"logoEvent":[{"name":"click","handler":{"compType":"empty","comp":{},"condition":"","slowdown":"debounce","delay":""}}],"horizontalAlignment":"left","style":{"text":"#000000","background":"#FFFFFF"},"items":[{"label":"Home","active":"false","onEvent":[{"name":"click","handler":{"compType":"goToURL","comp":{"url":"#"},"condition":"","slowdown":"debounce","delay":""}}]}]},"name":"navigation1"},"ef4f6ffd":{"compType":"remote#npm#lowcoder-comp-geo@1.3.0-dev.61#geo","comp":{"autoHeight":"auto","center":"[31.6299,30.1010]","layers":"[\n {\n \"name\": \"GeoJson with Style and Image src\",\n \"type\": \"geojson\",\n \"order\": 5,\n \"minZoom\": 0,\n \"maxZoom\": 22,\n \"visible\": true,\n \"source\": {\n \"peojection\": \"EPSG:4326\",\n \"data\": {\n \"type\": \"FeatureCollection\",\n \"features\": [\n {\n \"type\": \"Feature\",\n \"properties\": {\n \"img_src\": \"https://picsum.photos/id/0/400/300\",\n \"title_en\": \"Project 1 - This is Point 3 Title\"\n },\n \"geometry\": {\n \"coordinates\": [\n 31.648544983141022,\n 30.168372482757235\n ],\n \"type\": \"Point\"\n },\n \"id\": 0\n },\n {\n \"type\": \"Feature\",\n \"properties\": {\n \"marker-color\": \"#25d439\",\n \"marker-size\": \"medium\",\n \"marker-symbol\": \"circle\",\n \"img_src\": \"https://picsum.photos/id/1/400/300\",\n \"title_en\": \"Project 2 - This is Point 4 Title\"\n },\n \"geometry\": {\n \"coordinates\": [\n 31.609205437222727,\n 30.15667607035462\n ],\n \"type\": \"Point\"\n },\n \"id\": 1\n },\n {\n \"type\": \"Feature\",\n \"properties\": {\n \"img_src\": \"https://picsum.photos/id/2/400/300\",\n \"title_en\": \"Project 3 - This is Point 1 Title\"\n },\n \"geometry\": {\n \"coordinates\": [\n 31.616315587975095,\n 30.12764586201415\n ],\n \"type\": \"Point\"\n },\n \"id\": 2\n },\n {\n \"type\": \"Feature\",\n \"properties\": {\n \"marker-color\": \"#22f40f\",\n \"marker-size\": \"medium\",\n \"marker-symbol\": \"circle\",\n \"img_src\": \"https://picsum.photos/id/3/400/300\",\n \"title_en\": \"Project 4 - This is Point 2 Title\"\n },\n \"geometry\": {\n \"coordinates\": [\n 31.647216271721106,\n 30.128195901651907\n ],\n \"type\": \"Point\"\n },\n \"id\": 3\n },\n {\n \"type\": \"Feature\",\n \"properties\": {\n \"stroke\": \"#8ec0bf\",\n \"stroke-width\": 2,\n \"stroke-opacity\": 1,\n \"fill\": \"#54e7ab\",\n \"fill-opacity\": 0.5,\n \"img_src\": \"https://picsum.photos/id/4/400/300\",\n \"title_en\": \"Project 5 - This is Polygon 1 Title\"\n },\n \"geometry\": {\n \"coordinates\": [\n [\n [\n 31.663062927451392,\n 30.106857074945523\n ],\n [\n 31.65276727632417,\n 30.106857074945523\n ],\n [\n 31.65276727632417,\n 30.09777181176149\n ],\n [\n 31.663062927451392,\n 30.09777181176149\n ],\n [\n 31.663062927451392,\n 30.106857074945523\n ]\n ]\n ],\n \"type\": \"Polygon\"\n },\n \"id\": 4\n },\n {\n \"type\": \"Feature\",\n \"properties\": {\n \"stroke\": \"#555555\",\n \"stroke-width\": 2,\n \"stroke-opacity\": 1,\n \"fill\": \"#ff91f6\",\n \"fill-opacity\": 1,\n \"img_src\": \"https://picsum.photos/id/5/400/300\",\n \"title_en\": \"Project 6 - This is Polygon 2 Title\"\n },\n \"geometry\": {\n \"coordinates\": [\n [\n [\n 31.636689184721234,\n 30.09388132659143\n ],\n [\n 31.62511722772365,\n 30.09388132659143\n ],\n [\n 31.62511722772365,\n 30.08220833646739\n ],\n [\n 31.636689184721234,\n 30.08220833646739\n ],\n [\n 31.636689184721234,\n 30.09388132659143\n ]\n ]\n ],\n \"type\": \"Polygon\"\n },\n \"id\": 5\n },\n {\n \"type\": \"Feature\",\n \"properties\": {\n \"img_src\": \"https://picsum.photos/id/6/400/300\",\n \"stroke\": \"#5b69ff\",\n \"stroke-width\": 3.3,\n \"stroke-opacity\": 1,\n \"title_en\": \"Project 7 - This is Line Title\"\n },\n \"geometry\": {\n \"coordinates\": [\n [\n 31.636477907863707,\n 30.101294459203615\n ],\n [\n 31.65277860477454,\n 30.1083398631053\n ],\n [\n 31.655995224561934,\n 30.116316091824615\n ],\n [\n 31.648069978547227,\n 30.117802108513885\n ]\n ],\n \"type\": \"LineString\"\n },\n \"id\": 6\n }\n ]\n }\n },\n \"style\": {\n \"fill-color\": [\n \"string\",\n [\n \"get\",\n \"COLOR\"\n ],\n \"#eee\"\n ],\n \"styleOptions\": {\n \"background\": \"#1a2b39\",\n \"color\": \"#4264fb\",\n \"weight\": 2,\n \"opacity\": 0.8\n }\n }\n },\n {\n \"name\": \"Egypt DSM - COG\",\n \"type\": \"cog\",\n \"order\": 7,\n \"minZoom\": 0,\n \"maxZoom\": 22,\n \"visible\": false,\n \"opacity\": 0.3,\n \"source\": {\n \"url\": \"https://link.storjshare.io/raw/juj37qat4melrpmooioq65fzgo7q/truemaps-public/aw3d30/output_cog.tif\"\n }\n },\n {\n \"name\": \"Contours - WFS\",\n \"type\": \"wfs\",\n \"order\": 4,\n \"minZoom\": 0,\n \"maxZoom\": 22,\n \"visible\": true,\n \"source\": {\n \"url\": \"https://services.seismofaults.eu/geoserver/EDSF/wfs?service=WFS&version=1.1.0&request=GetFeature&typeName=EDSF%3Asubduction_contours&outputFormat=JSON&srsName=urn%3Ax-ogc%3Adef%3Acrs%3AEPSG%3A4326&maxFeatures=1000\",\n \"format\": \"geojson\",\n \"version\": \"1.1.0\"\n },\n \"style\": {\n \"circle-radius\": 6,\n \"circle-color\": \"#B42222\"\n }\n },\n {\n \"name\": \"World Basemap - MVT/pbf\",\n \"type\": \"mvt\",\n \"order\": 3,\n \"minZoom\": 0,\n \"maxZoom\": 22,\n \"visible\": false,\n \"source\": {\n \"url\": \"https://wms.wheregroup.com/tileserver/tile/world-0-14/{z}/{x}/{y}.pbf\"\n },\n \"style\": {\n \"styleURL\": \"https://wms.wheregroup.com/tileserver/style/osm-bright.json\"\n }\n },\n {\n \"name\": \"NASA | BlueMarble NextGeneration - WMS\",\n \"type\": \"wms\",\n \"order\": 2,\n \"minZoom\": 0,\n \"maxZoom\": 8,\n \"visible\": true,\n \"source\": {\n \"url\": \"https://ideas-digitaltwin.jpl.nasa.gov/wms/epsg4326/best/wms.cgi\",\n \"params\": {\n \"LAYERS\": \"BlueMarble_NextGeneration\",\n \"TILED\": true,\n \"VERSION\": \"1.3.0\"\n },\n \"serverType\": \"geoserver\",\n \"transition\": 0\n },\n \"opacity\": 1\n },\n {\n \"name\": \"Mapbox Style GL - JSON\",\n \"type\": \"stylegl\",\n \"order\": 1,\n \"minZoom\": 0,\n \"maxZoom\": 22,\n \"visible\": true,\n \"selectable\": false\n \"opacity\": 1,\n \"source\": {\n \"url\": \"https://wms.wheregroup.com/tileserver/style/osm-bright.json\",\n \"projection\": \"EPSG:3857\"\n }\n },\n {\n \"name\": \"Open Street Map - XYZ\",\n \"type\": \"xyz\",\n \"order\": 0,\n \"minZoom\": 0,\n \"maxZoom\": 19,\n \"visible\": false,\n \"source\": {\n \"url\": \"https://tile.openstreetmap.org/{z}/{x}/{y}.png\"\n }\n }\n]","zoom":"12","maxZoom":"30","rotation":"0","projection":"EPSG:3857","bbox":"[0,0,0,0]","events":"","event":"","feature":"","onEvent":[{"name":"click:feature","handler":{"compType":"executeQuery","comp":{"queryName":"GeoFeature"},"condition":"","slowdown":"debounce","delay":""}}],"features":{"menu":false,"zoom":true,"fullscreen":true,"layers":true,"center":true,"modify":true,"save":false,"splitscreen":false,"tracker":true,"timeline":false,"gpsCentered":true,"north":false,"scale":true,"largeButtons":true,"scaleToBottom":true,"modify:move":true,"modify:point":true,"modify:line":true,"modify:polygon":true,"modify:delete":true,"modify:redo":true,"modify:undo":true,"splitscreen:horizontal":false,"splitscreen:vertical":true,"debug":false}},"name":"geo1"}}},"queries":[{"compType":"js","comp":{"script":"return geo1.feature.properties"},"id":"gehw8s845h9uo7x8mkq3ecbk","name":"GeoFeature","order":1710933348936,"datasourceId":"","triggerType":"manual","onEvent":[{"name":"success","handler":{"compType":"executeComp","comp":{"name":"drawer1","methodName":"openDrawer"},"condition":"","slowdown":"debounce","delay":""}},{"name":"success","handler":{"compType":"executeComp","comp":{"name":"geo1","methodName":"animate","params":[{"compType":"JSONValue","comp":"{{geo1.feature.extent}}","name":"coords"},{"compType":"number","comp":"1000","name":"duration"},{"compType":"JSON","comp":"{\"zoom\":14}","name":"properties"},{"compType":"string","comp":"toExtent","name":"animation"}]},"condition":"","slowdown":"debounce","delay":""}},{"name":"success","handler":{"compType":"executeComp","comp":{"name":"geo1","methodName":"showPopup","params":[{"compType":"JSONValue","comp":"{{geo1.feature.extent}}","name":"coordinates"},{"compType":"string","comp":"{{geo1.feature.properties.title_en}}","name":"message"}]},"condition":"","slowdown":"debounce","delay":""}}],"notification":{"showSuccess":false,"showFail":true,"fail":[{}]},"timeout":"","confirmationModal":{},"periodic":false,"periodicTime":"","cancelPrevious":false}],"refTree":{"value":"","items":[{"value":"GeoFeature"}]},"hooks":[{"compType":"urlParams","comp":{},"name":"url"},{"compType":"dayJsLib","comp":{},"name":"dayjs"},{"compType":"lodashJsLib","comp":{},"name":"_"},{"compType":"utils","comp":{},"name":"utils"},{"compType":"message","comp":{},"name":"message"},{"compType":"toast","comp":{},"name":"toast"},{"compType":"localStorage","comp":{},"name":"localStorage"},{"compType":"currentUser","comp":{},"name":"currentUser"},{"compType":"screenInfo","comp":{},"name":"screenInfo"},{"compType":"theme","comp":{},"name":"theme"},{"compType":"modal","comp":{"visible":"","autoHeight":"auto","maskClosable":true,"showMask":true,"container":{"layout":{"5ee99b2d":{"i":"5ee99b2d","h":6,"w":15,"x":5,"y":0,"pos":0},"37b80e9c":{"i":"37b80e9c","h":40,"w":22,"x":1,"y":6,"pos":1}},"items":{"5ee99b2d":{"compType":"text","comp":{"text":"### 👋 {{GeoFeature.data.title_en}}","autoHeight":"auto","type":"markdown","horizontalAlignment":"left","verticalAlignment":"center","margin":{"left":"","right":"","top":"","bottom":""},"padding":{"left":"","right":"","top":"","bottom":""}},"name":"text1"},"37b80e9c":{"compType":"image","comp":{"src":"{{GeoFeature.data.img_src}}","autoHeight":"fixed"},"name":"image1"}}}},"name":"modal1"},{"compType":"drawer","comp":{"visible":"","width":"378","autoHeight":"auto","placement":"right","closePosition":"left","maskClosable":true,"showMask":true,"container":{"layout":{"3d74dd4":{"i":"3d74dd4","h":6,"w":18,"x":3,"y":1,"pos":0},"6c8fe861":{"i":"6c8fe861","h":40,"w":24,"x":0,"y":8,"pos":1}},"items":{"3d74dd4":{"compType":"text","comp":{"text":"### {{GeoFeature.data.title_en}}","autoHeight":"auto","type":"markdown","horizontalAlignment":"left","verticalAlignment":"center","margin":{"left":"","right":"","top":"","bottom":""},"padding":{"left":"","right":"","top":"","bottom":""}},"name":"text2"},"6c8fe861":{"compType":"image","comp":{"src":"{{GeoFeature.data.img_src}}","autoHeight":"fixed"},"name":"image2"}}}},"name":"drawer1"}],"settings":{"title":"Demo lowcoder-comp-geo","description":"A demostration of the lowcoder-comp-geo plugin visit for more info https://sjhoeksma.github.io/lowcoder-comp-geo/","icon":"/icon:solid/map-location","category":"Business","maxWidth":{"dropdown":"3200","input":"3200"},"themeId":"qiivpc5jyh2mtr1vlg0kw1wk","disableCollision":false},"preload":{"script":"","css":""}}}
0 commit comments