Безумно выглядящий Google Maps Infowindow - PullRequest
Новая
       11

Безумно выглядящий Google Maps Infowindow

2 голосов
/ 20 марта 2012

Я не знаю, как это объяснить, изображение в значительной степени говорит само за себя.Выглядит одинаково в Chrome, Firefox и Internet Explorer.

Я использую jQuery Mobile, может ли это иметь какое-либо отношение к этому?

enter image description here

Мой код, используя Google Maps API V3. 

var myOptions = {
        center:new google.maps.LatLng(59.3474845, 18.0621677),
        zoom:15,
        mapTypeId:google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById("map"),
        myOptions);

    var marker = new google.maps.Marker({
        map:map,
        position:myOptions.center
    });

    var infowindow = new google.maps.InfoWindow({
        content: '<p>boooyah</p>'
    });
    google.maps.event.addListener(marker, 'click', function() {
        infowindow.open(map, marker);
    });

Мой css: 

#map { height: 300px; width: 300px; }

Ответы [ 3 ]

1 голос
/ 25 марта 2013

Была эта проблема недавно.

Это вызвано img{max-width:XXX} в css. Не знаю почему, но удаление max-width из css исправит рендеринг.

0 голосов
/ 25 февраля 2014

Проблема должна быть из-за универсального img{max-width: 100%;}

Попробуйте это в свой CSS 

.gmnoprint img {
    max-width: none; 
}
0 голосов
/ 20 марта 2012

Эффект «речевого пузыря» информационного окна создается API Google с использованием последовательности элементов div. Возможно, вы нарушаете это с помощью css - попробуйте отключить стили на своей странице и посмотрите, все ли это произойдет.

...