Try this code: <div class=”map”> <?php global $post; $location = get_field(‘location’, $post->ID); ?> <div class=”acf-map”> <div class=”marker” data-lat=”<?php echo $location[‘lat’]; ?>” data-lng=”<?php echo $location[‘lng’]; ?>”></div> </div> </div> Sometimes in the template you’re loading this you don’t have the post that the field belongs to, so you can try to fetch it in the global $post … Read more
In the main menu on the left, I went to Avada->Theme Options. On that page there was an option for Contact Form (that is used in the Contact page). Under Contact Form there is a “Google Map” option.
I would do the following: Shortcodes to have unique names passed to them. According to that name to build div with a unique id and a js function with a unique name. Load google script at the end of template(in which there is likelihood to have google maps). Run the function to display the map … Read more
Generate a radius search of custom post type locations
function bartag_func( $atts ) { $atts = shortcode_atts( array( ‘latitude’ => ‘28.66’, // default value ‘longitude’ => ‘99.25’ // default value ), $atts, ‘bartag’ ); return <div class=”” latitude=” ‘.$atts[‘latitude’].’ ” longitude=” ‘.$atts[‘longitude’].’ “></div>’; } add_shortcode( ‘bartag’, ‘bartag_func’ ); Now you can use shortcode like : [bartag latitude=”12.34″ latitude=”12.34″] will return : <div class=”” latitude=”12.34″ … Read more
I have solved it by doing it like this. function myMap() { var gmarkers = []; var markers = []; var infowindow = new google.maps.InfoWindow({ content: ” }); var myCenter = new google.maps.LatLng(44.794426, 20.451849); var mapProp = {center:myCenter, zoom:15, scrollwheel:false, draggable:true, mapTypeId:google.maps.MapTypeId.ROADMAP}; var map = new google.maps.Map(document.getElementById(“googleMap”),mapProp); var myJsarray = passed_object.retrieve_data; var latitute=”” ; var … Read more
Solved, the problem was in filterMarkers() function filterMarkers = function (category) { var markers = gmarkers[i]; for (var i = 0; i < gmarkers.length; i++) { // If is same category or category not picked if (gmarkers[i].category == category || category.length === 0) { gmarkers[i].setVisible(true); } // Categories don’t match else { gmarkers[i].setVisible(false); } } … Read more
I’m not sure, which wordpress version you are using but all wordpress versions supports custom html embedding on page. Here’s how you can do: (WordPress 5.1.1) Go to Pages Add/Edit Page Click on Plus Icon (step 1 in below screenshot) Search for Custom HTML (step 2 in below screenshot) 5. Paste map html in page … Read more
Adding External Gmap JS to WordPress
So I had a look at your site and found the json map styles in your div #map-styles. However your json is not quite valid. Not sure where you copied the style source from or wether acf is manipulating the output. I cleaned up your style json so it is valid, see validated version here. … Read more