It might be that you haven’t set your Google Maps API key. Or, if you have already set an API key then it might be due to any restrictions that you may have set for the API key such as restricting it to a specific domain. You can obtain a Google Maps API key from … Read more
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
Divi don’t have a option to pop up marker on load, but you can do it this way: Open file divi\includes\builder\scripts\frontend-builder-scripts.js find this: google.maps.event.addListener(marker, ‘click’, function() { if( infowindow_active ) { infowindow_active.close(); } infowindow_active = infowindow; infowindow.open( $this_map_container.data(‘map’), marker ); }); } }); } and replace with this: google.maps.event.addListener(marker, ‘click’, function() { if( infowindow_active ) … Read more
maps.googleapis.com/maps/api/js?key=MY-API-KEYk&callback=initMap&ver=4.7.4:47:499 This api request requires an existing callback. Rename your function from mapInit to initMap and it will work (unless your function is invalid).
I need to pass the lat and long for two address function calculate_distance($lat1, $lon1, $lat2, $lon2, $unit) { $theta = $lon1 – $lon2; $dist = sin(deg2rad($lat1)) * sin(deg2rad($lat2)) + cos(deg2rad($lat1)) * cos(deg2rad($lat2)) * cos(deg2rad($theta)); $dist = acos($dist); $dist = rad2deg($dist); $miles = $dist * 60 * 1.1515; $unit = strtoupper($unit); if ($unit == “K”) { … Read more
this plugin Pods – Custom Content Types and Fields triggered a conflict with the Elfsight Google Maps Plugin and cause a problem with the image and address fields, uninstall it and the map will work perfectly.
I’ve used it like this and it works well 😉 $(“.div”).html(“<iframe width=”850″ height=”450″ frameborder=”0″ scrolling=’no’ marginheight=”0″ marginwidth=”0″ src=”http://yourlocation.com”></iframe>”); $(“.div”).css(“display”,”block”);
@Richard, it’s hard to answer this in detail with this little details. Do you need to pinpoint a single house? Will you use an address or will you use latitude and longitude? My suggestion would be to take a look at this excellent Google Maps Plugin for jQuery. jQuery is part of any WordPress installation, … Read more
I had to add #map-canvas { height:100%!; } to my stylesheet.
It looks like you have enqueued google maps with http:// Go to your theme and find out where you enqueued google maps and change the URL http to https