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.
Thanks xomena, I have solved it. For those who are having the same problem, here is the solution: My error was the position of sleep() function and the way it acts. Here is a new small problem: as it adds new markers the map starts tilting, shifting, zooming and trilling so the user experience is terrible. But … Read more
It’s not currently possible to get popular or busy times information from Google’s Place API. However, there is an open feature request in Google’s Issue Tracker which I suggest starring to increase visibility and subscribe to future notifications: