How to display wordpress post content within a javascript map in wordpress page?

Hello,

I have the following standalone webpage, which makes use of a number of javascripts and css scripts to display a map and sidebar: https://www.heavenlygardens.org.uk/maps/6/6.html

Each marker relates to a wordpress post. At present when you click on a marker the content from my wordpress (on the same webserver) is retrieved as an <object> from a geoJSON file and displayed in the sidebar like an iframe.

This is not ideal!

So how can I get this working within wordpress itself?

N.B. I have tried loading javascripts within a wordpress page but this seems to be problematic and despite trying to create a custom page template and alternatively using the Scripts n Styles plugin – i have been unable to get it working. A step-by-step solution would therefore be much appreciated!

Many thanks for your help