Lots of ways to proceed here. Here’s one way to do it: Find a JavaScript/jQuery plugin that works with map markers. I used Mosne Map, it’s old but it works. Generate the HTML markup that the above plugin will use. I needed a more user-friendly way to add markers, so I utilized ACF’s Repeater Field … Read more
These errors come from CSS rules from your WordPress theme that are also applied to elements on the map. For example, on your page, I was able to fix the popup by disabling the #content table and #content tr th rules which add extra margins. In a test setup I even got gray gaps between … Read more
Enqueue your script and use wp_localize_script to pass data. function wpd_scripts() { wp_enqueue_script( ‘wpd_script’, get_stylesheet_directory_uri() . ‘/js/script.js’, null, null, false ); wp_localize_script( ‘wpd_script’, ‘WPD’, array( ‘stylesheet_dir’ => get_stylesheet_directory_uri() ) ); } add_action( ‘wp_enqueue_scripts’, ‘wpd_scripts’ ); You can then use WPD.stylesheet_dir in your script to get the value you set in PHP. var marker_url = WPD.stylesheet_dir … Read more
This isn’t a complete answer, but a couple of bits of advice – Don’t geocode the addresses on front-end requests, it’s a waste of cycles. An address only needs to be geocoded once, then you can store the lat/lon data with your post meta. Use a save_post hook to do the geocoding when the post … Read more
Update 2: <?php $storeData = []; $args = [‘post_type’ => ‘store’]; $loop = new WP_Query($args); foreach ($loop->posts as $post) { $storeData[] = [ ‘title’ => apply_filters(‘the_title’, $post->post_title), ‘lat’ => types_render_field(‘lat’, [‘output’ => ‘raw’]), ‘long’ => types_render_field(‘long’, [‘output’ => ‘raw’]), ]; } wp_localize_script(‘jquery-core’, ‘storeData’, $storeData); ?> <?php get_header(); ?> <!– Row for main content area –> … Read more
You should try to replace the following jQuery part: action: ‘process_shortcode_on_tab_click’ with this one: action: ‘process_shortcode_on_tab_click_action’ to match your wp_ajax_process_shortcode_on_tab_click_action and wp_ajax_nopriv_process_shortcode_on_tab_click_action actions. Check for example the Codex on how to name the custom wp_ajax_$youraction hook.
Mappress allows for custom markers, but you need to pay for the pro version. http://wordpress.org/extend/plugins/mappress-google-maps-for-wordpress/ Google Map Shortcode also supports custom markers in a shortcode http://wordpress.org/extend/plugins/google-map-shortcode/ Getting custom overlays on Google maps is actually pretty easy, you can read the docs here if you choose to work directly with the API, http://code.google.com/apis/maps/documentation/javascript/overlays.html There are plenty … Read more
There is one and two really interesting ones at the general plugin database. Slightly different with their layout options, but they both take data input (coordinates and what-have-you) in plenty of formats. hope that helps, J
You should avoid creating more tables. Just do it if you really have a good reason to. Note that wp_postmeta can store practically any kind of data, and simply using the get_post_meta function can do all the job in most cases. But if you must use another table, and taking it generally, then you’re looking … Read more
I was able to get this working after a bit of fiddling. Give the #map-canvas element a height (you can do this in CSS): <div id=”map-canvas” style=”height:500px”></div> Add the callback argument to the google-maps script URL and add the defer and async attributes to the google-maps script tag. Also make custom-scripts a dependency for google-maps: … Read more