CODEWITHSUNDEEP
javascriptwordpressgoogle-mapsgoogle-maps-api-3api-key
Christophvh
Christophvh

Reputation: 13244

Google Maps api v3 blank page, adding api didnt solve it

I have a Wordpress theme. It has a map with locations. It worked fined, but suddenly today the map showed an error for too many requests. After some research i added an api browser key to avoid getting over the limit of requests. But after i added my browser key my map is still blank. The error messages i got earlier are solved but the map still isn't showing.

Here is the link of a page which shows a blank map: http://goodgoal.org/review-category/eating-and-drinking/

These are the api's enabled on my developer console: enter image description here

EDIT: a big problem is the performance, which i am working on. But an issue still persists. In safari & firefox the map is showing correctly, in chrome the map is still blank. I tried the css solution but that didn't work for me.

Upvotes: 0

Views: 1006

Answers (1)

vard
vard

Reputation: 4156

I just figured that there is a css problem on your map. The max-width: 100% property on all images break the width (and then height) calculation of the images that form your map.

If you try to add the following rule :

.job_listings-map-wrapper #job_listings-map-canvas img {
  max-width: none;
}

The map will display properly. This is in the case of the map display only the markers but whithout the map behind.

For other inconsistent load issues, the problem is more server related. As I said the page size is way too big, and I guess the server (probably a shared hosting?) isn't really sized for this. Maybe you could try to increase your max_execution_time and memory_limit settings and see if it helps.

Upvotes: 2

Related Questions