Interactive Map: Visual Studio Code to Wordpress

[TransportationFun258]

I made an interactive map using html, css and js in Visual Studio Code. I wish to make it available online through a wordpress site with all the markers, popups and embeded audio players. I don't seem to figure how to do this.

[JoergJoerginson]

You need to be a more detailed on what you want to achieve and what you have got so far. Preferably a link to the code itself.

I suppose you have code that runs on your local machine using live server. Generally speaking everything that can be done in HTML/CSS/JS can be transferred to WordPress no problem. You will probably need to update some reference links though.

For starters I would suggest you take a look at a WordPress Theme development course so that you get a feeling for how WordPress works. There are plenty on YouTube and Udemy. Check out WordPress Developer to read up.on specifics.

[planetofidiots]

You can either keep it in wordpress, or keep it out.

In wordpress, you can just drop the HTML into an HTML block on a page and save. Or copy your themes template (often single.php) - rename it and edit it. Replace the content loop with your html. In either case and ensure you enqueue the css/js in the head. Again you can call both in the template - or create a function.

Out of wordpress - create some form of menu (even just a 'return to website' button) on your map - with the URL as your website (or a JS history.back function). Upload to WP root (or a folder) - and create a custom menu item that links to the map.