2014-09-15, 22:52:11
Ok, I fixed it myself.
The broken zoom controls came from my bootstrap css file, where <img> is set to max-width:100%.
In googlemap.php you use
but I couldn't find this class. In bootstrap there is a class .google-maps, which sets the <img> max-width to "none".
So I changed class="gmapsxenon" to class="google-maps" and it's ok.
If you don't have a css where it is defined, and don't want to change the plugin file, you can use this in your main css file:
Or, if you want to do the changes I did, you copy this to your css file:
Maybe it's useful for anybody.
So long,
moped
The broken zoom controls came from my bootstrap css file, where <img> is set to max-width:100%.
In googlemap.php you use
Code:
$div ='<div class="gmapsxenon" id="gmap_'.$gmap_config[$i]['id'].'"></div>';
So I changed class="gmapsxenon" to class="google-maps" and it's ok.
If you don't have a css where it is defined, and don't want to change the plugin file, you can use this in your main css file:
Code:
/*--------- Google Maps ----------*/
div[id^="gmap_"] img {
max-width: none;
}
Code:
.google-maps img {
max-width: none;
}
So long,
moped