Google maps .gm-style div now displays as block, thus breaking the map

2 Views

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

enter image description here

Read More

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`
Post Views: 2

Related posts

2 comments

  1. 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"

  2. 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>

Comments are closed.