Use the JSON REST API – http://v2.wp-api.org – It lives as a plugin now but will eventually be part of WP Core – https://wordpress.org/plugins/rest-api/ To manually output JSON, use a combination of wp-ajax to handle requests and wp_json_encode() / wp_send_json_success for simple PHP Objects and Arrays. See https://codex.wordpress.org/AJAX_in_Plugins
Interactive maps in wordpress
I’m not entirely sure if this will help in EXACTLY the way you are looking for, but when it comes to map integration into posts, I love to use MapPress. It supports a pretty robust API which allows you to hook into the plugin to do some custom things, and I’m sure with a little … Read more
Depending on what level you want to work. You can try exploring Leaflet. It’s a really powerful mapping tool. I think WordPress might have some tools to help you work with it. See here: https://wordpress.org/plugins/leaflet-maps-marker/ You could also look into KML and such, but it’s time consuming.
Help with a function that will place a map pin for all posts
Since your blog runs on wordpress.com, your options are limited. In order to render the map, you need the data in some form that the map can process it. Either addresses or geocodes. In order to generate the map dynamically without manual interference, these data need to be saved with the post, and somehow retrieved. … Read more
JQuery script working locally on desktop, not working on WordPress + Divi
I use Easy Fancybox. It has a number of great features that allows for auto-detection of image files, and fancybox allows for HTML or inline, which is what you are looking for. It also allows for it to automatically popup, just attached the fancybox-auto class
In general for complicated map features I either use the gmaps API and pass the wordpress data to the initiation script via localization and json_encode() or the MapPress plugin for simpler things. it’s highly unlikely that you’re going to find something that does what you want out of the box though.
If you’re using FireBug for FireFox or the Google Chrome Developer Tools (both available on Win via [F12]-key), then you can see that you’re missing ressources (404) via your Console Tab in the tool bar: Failed to load resource: the server responded with a status of 404 (Not Found) The list of “missing” files: tooltip.css … Read more