1

新しいプロジェクトにGoogleマップを使用していますが、を開くとマップがおかしくなりinfoWindowます。

下の画像を参照してください。

画像の説明

誰かがこの問題を認識していますか？

マップ初期化のコードは次のとおりです。

$(document).ready(function(){   

    function initialize() {
        var myLatlng = new google.maps.LatLng(59.398554, 5.486206);
        var mapOptions = {
            draggable: true, 
            zoomControl: true, 
            mapTypeControlOptions: {
                mapTypeIds: [google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.HYBRID]
            }, // here´s the array of controls
            disableDefaultUI: true, // a way to quickly hide all controls
            scrollwheel: false,
            zoom: 13,
            center: myLatlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        }

        var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

        var contentString = '<div id="content">'+
            '<div id="siteNotice">'+
            '</div>'+
            '<h2 id="firstHeading" class="firstHeading">FjørSilkeBris</h2>'+
            '<div id="bodyContent">'+
            '<p>Førland, 5570 Aksdal</p>'+
            '<p>481 49 246 (Mobil)</p>'+
            '<p>Facebook: <a href="https://www.facebook.com/FjorSilkeBris">FjørSilkeBris på facebook.</a></p>'+
            '</div>'+
            '</div>';

        var infowindow = new google.maps.InfoWindow({
            content: contentString
        });

        var marker = new google.maps.Marker({
            position: myLatlng,
            map: map,
            title:"Fjørsilkebris"
        });

        google.maps.event.addListener(marker, 'click', function() {
            infowindow.open(map,marker);
        });
    };

    window.onload = function () {
        initialize();
    }
});
4

1 に答える 1

11

私も同じ問題を抱えていました。

問題は、ページ上の一部のCSSがimg要素のmax-widthプロパティを100％に設定している可能性が高いことです。これにより、マップ上の情報ウィンドウのcssが壊れます。

できることは、マップのキャンバスdivの例のimgmax-widthをオーバーライドすることです。

#divMap img { max-width: none; }

これは私のために働いた

于 2012-12-14T13:04:54.150 に答える