Geojson popup text

There were any CORS errors regarding fonts on your test page. See the developer console.

Incident: near miss when on a bike;
When: Earlier this year;
Reporting the incident: I did not report the incident to the police

Like this?: Put in a shortcode block:

[leaflet-map fitbounds]
[leaflet-geojson src="/url/to/Drop-a-pin-where-you-had-a-near-miss.json"]
<b>{popup[0]question}</b>: {popup[0]response}<br>
<b>{popup[1]question}</b>: {popup[1]response}<br>
<b>{popup[2]question}</b>: {popup[2]response}<br>
<b>{popup[3]question}</b>: {popup[3]response}
[/leaflet-geojson]

That’s pretty much exactly what I wanted to do, and v useful to know how to get into the nested popup.

Also thanks for the heads up about the CORS violations, I had not noticed them!

Thanks

Thank you very much for the five stars. ??

A supplementary question, which I tag on here as it relates to the use of nested variables.

I would like to display coloured and grouped markers, as per the detailed examples decribed here: https://leafext.de/en/marker/geojsonmarker/

I can get this to work nicely in another example, but the properties are simply structured: https://connectingdunbar.org.uk/map-based-consultation/crash-data/

I cannot see how to get the variable for property

property=popup[3]response

obviously doesn’t work

[leaflet-geojson src="https://connectingdunbar.org.uk/files/2023/10/Drop-a-pin-where-you-had-a-near-miss.json" circleMarker color=red]
<b>What happened?</b>: {popup[0]response}<br>
<b>When?</b>: {popup[1]response}<br>
<b>In detail</b>: {popup[2]response}<br>
<b>Report</b>: {popup[3]response}<br>
{respondentId}[/leaflet-geojson][geojsonmarker property=popup[3]response icondefault=blue iconprops="purple,orange"  values="I did not report the incident to the police,I reported the incident to the police" groups="I did not report the incident to the police,I reported the incident to the police" disableClusteringAtZoom=16][cluster][fullscreen][zoomhomemap]

I’ve tried some alternatives but run out of ideas …

The big problem are the brackets [] in popup[3]response. I didn’t consider anything that complicated.

OK, I see. Thanks.

This json was the output of a map based questionnaire via a third party service (Maptionnaire), so I have exported a json from QGIS instead as their shape files are less complicated. This should in theory resolve the issue. My shortcode now

[leaflet-geojson src="https://connectingdunbar.org.uk/files/2023/10/Near-misses-with-sane-variable-name.json" circleMarker color=red]
<b>What happened?</b>: {Whathappen}<br>
<b>When?</b>: {When}<br>
<b>Detail</b>: {Detail}<br>
<b>Report</b>: {Reporting}<br>
{responId}[/leaflet-geojson][geojsonmarker property="Detail" icondefault=blue iconprops="purple,orange"  values="I did not report the incident to the police,I reported the incident to the police" groups="I did not report the incident to the police,I reported the incident to the police" disableClusteringAtZoom=16][fullscreen][zoomhomemap]

However, this is classifying everything as “other” … nearly there, hopefully an error on my part?

Can you please share the json file, or at least an entry?

• This reply was modified 1 year, 5 months ago by hupe13.

here you go

https://connectingdunbar.org.uk/files/2023/10/Near-misses-with-sane-variable-name.json

[geojsonmarker property="Reporting" icondefault=blue icon=fa-solid prefix=fa-burst iconprops="purple,orange" values="I did not report the incident to the police,I reported the incident to the police" groups="I did not report the incident to the police,I reported the incident to the police" disableClusteringAtZoom=16]

That obviously did the trick, my bad!

??

I am assuming there is no easy way to remove the entries that are empty e.g. Report: {Reporting}. I can probably replace the blanks with a “Missing” before I export.