How to overlay geojson

[m-katsumata]

Hello.

I would like to display the following two geojson on one map.
@billyc How can I do this?

1. a polygon type geojson that displays the target area (like a district)
2. a point type geojson that displays the location of bus stops.

I am not fluent in English, so I apologize if some words are difficult to understand.
Thank you.

[billyc]

The Shapefile/GeoJSON viewer has a "layers" panel which allows you to add additional GeoJSON/Shapefile polygon layers above or below your main dataset.

• Open your point dataset
• Open the configuration panel by clicking the icon below the map zoom icons in the upper right of the view
• Open Layers and click + Add Layer
• Select the .geojson file containing your polygon geometry.

Note that browser limitations require that the two layer files must be in the same folder for this to work correctly interactively. Once you have the map looking correct, you can choose Export to download the YAML file with all of your configuration settings. In that YAML file you can specify relative paths and folders (something the browser itself doesn't allow).

[m-katsumata]

@billyc
Thank you for your information, advice.

• Open Layers and click + Add Layer
• Select the .geojson file containing your polygon geometry.

I tried to add a layer with + Add Layer but it did not appear on the screen.
( The added geojson seems to be loaded successfully. )

I would like to overlay the following point type geojson, is there a wrong setting?

Note: The two geojson are in the same folder.

• P11-22_23-tahara.geojson : point type geojson
• tahara.geojson : polygon type geojson
  

[m-katsumata]

@billyc
I checked the process when adding layers and by adding “circle” to GeojsonLayer.tsx I can also display point data.

https://github.com/simwrapper/simwrapper/blob/master/src/plugins/shape-file/GeojsonLayer.tsx#L198
pointType: 'circle+text',

Thank you for your support.