Take the 2-minute tour ×
WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. It's 100% free, no registration required.

recently my Wordpress page with Google Maps started displaying markers in an odd fashion- look!

enter image description here

The problem is- Google changed they code and added this baby into the code:

  .gm-style div {
    display: block;
    }

Overriding the code with, let's say, display:inline-block !important; doesn't work, since a new display:block is being automatically generated by Google! (Picture below) enter image description here

The site itself is here if anyone wants a peek:

`http://objekt.ee/properties/?lease=rent&view=map`
share|improve this question

2 Answers 2

up vote -1 down vote accepted

find this in file: /wp-content/themes/rentbuy/js/scripts.js

<div class="overlay-simple-marker"

… and replace it with:

<span class="overlay-simple-marker"
share|improve this answer
    
That did it! People layed minuses on you yet they couldn't answer the question themselves. I guess replacing div with span isn't semantically very correct, but it didn't break anything and solved the problem! Many thanks, friend! I added +1 but you're still with -1 :/ –  Joonas Luik Aug 18 '13 at 16:12

Easiest way to fix this problem is to define a version in you api call, e.g.:

<script src="https://maps.google.com/maps/api/js?v=3&sensor=false" type="text/javascript"></script>
share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.