EDIT : use wp_enqueue_script as you want (enqueue in header or footer after jQuery as you want) to enqueue file called something like : gmap.js included in your plugin wp_enqueue_script(‘custom-gmap’, plugin_dir_url( __FILE__ ).’inc/js/gmap.js’, array(‘jquery’), false, true);//just change your path and name of file write this in your Js file 🙂 $(document).ready(function() { if (typeof google … Read more
This is a simple mathimatical problem. You will indeed need access to both your longitude and latitude, so save it in a metafield. than you will have to query your posts like this as a sql query. Haven’t got a chance to test it. and or pour it into wordpress. Don’t have access to my … Read more
Can do this without any plugin, you need only the Google Maps API. Please note that if you plan to have 20 markers or more on a single page, you have to geolocate posts using coordinates and not addresses. To save coordinates from an address you can: manually use a service (something like this) call … Read more
You’re getting the following JS errors in the dev console: Google Maps JavaScript API error: RefererNotAllowedMapError https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error Your site URL to be authorized: https://www.mapchannels.com/mc6/27915/27915-jph.htm?v=20200217122746 Google Maps JavaScript API error: RefererNotAllowedMapError https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error Your site URL to be authorized: https://jpalenhouseblog.com/index.php/map-and-plan-your-stay/ To fix this I recommend that you first unrestrict your API key; if the map loads with … Read more
You’re getting the following JS errors in the dev console: Google Maps JavaScript API error: RefererNotAllowedMapError https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error Your site URL to be authorized: https://www.mapchannels.com/mc6/27915/27915-jph.htm?v=20200217122746 Google Maps JavaScript API error: RefererNotAllowedMapError https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error Your site URL to be authorized: https://jpalenhouseblog.com/index.php/map-and-plan-your-stay/ To fix this I recommend that you first unrestrict your API key; if the map loads with … Read more
I’m trying to add a React map component to my project but run into an error. I’m using Fullstack React’s blog post as a reference. I tracked down where the error gets thrown in google_map.js line 83: Here is my map component so far. The page loads just fine (without a map) when I comment … Read more
I’m trying to create a simple html page (I’d later like to add an autocomplete input there) that include google-places-api. I have an api-key (which is enabled) but I still get an error message. Here is my html- but I get this error message- and in the console I get – Google Maps API error: … Read more
Here’s my conundrum: I have a page that uses Google Maps V3 and jQuery. It all worked well locally in FF5, Chrome and Safari. Once I uploaded to a web site, I get a “google is not defined” error on the first line that I try to use a google object It only occurs in … Read more
This is the simplest I could reduce it to: 👨💻 Edit/fork on a Codepen → SCREENSHOT There is some closure magic happening when passing the callback argument to the addListener method. This can be quite a tricky topic if you are not familiar with how closures work. I would suggest checking out the following Mozilla … Read more
I have found the solution to the problem. You need to enable both the Google Maps Javascript API, and the Geocoding API. https://console.developers.google.com/projectselector/apis/library and https://console.developers.google.com/google/maps-apis/apis/geocoding-backend.googleapis.com Afterwards the error was RefererNotAllowedMapError instead of DeletedApiProjectMapError, but that was because I was running it on localhost – and it worked on the actual site after I added the domain in Credentials -> Domain Verification.