-1

JSFiddleに示されているように、InfoWindowには住所と緯度の表示に問題があるようです。他の誰かにこれを作ってもらったので、自分でデバッグすることはできません。私は JS の初心者で、このエラーを修正しようとしていました。これは CoDrops から取得したテンプレートであり、コメントから見つけたすべてのリンクに同様の問題があるようです。

地図情報ウィンドウ 

    BGMap                   = (function() {
    var map,
        $mapEl      = $('#map'),
        address     = '5a Queen St, Wells, Somerset BA5 2DP',
        lat         = 51.2076068,
        lng         = -2.6486671,
        display     = false,

        showMap     = function() {
            hideMap();

            display         = true;

            var point       = new google.maps.LatLng(lat,lng),
                mapOptions  = {
                    zoom                        : 18,
                    center                      : point,
                    mapTypeId                   : google.maps.MapTypeId.HYBRID,
                    mapTypeControl              : false,
                    panControl                  : true,
                    panControlOptions           : {
                        position    : google.maps.ControlPosition.TOP_RIGHT
                    },
                    zoomControl                 : true,
                    zoomControlOptions          : {
                        style       : google.maps.ZoomControlStyle.SMALL,
                        position    : google.maps.ControlPosition.TOP_RIGHT
                    },
                    streetViewControl           : true,
                    streetViewControlOptions    : {
                        position    : google.maps.ControlPosition.TOP_RIGHT
                    }
                };

            map             = new google.maps.Map(document.getElementById("map"), mapOptions);
            //rotate 45 degrees (nicer view!)
            map.setTilt(45);

            resizeMap();

            var coordInfoWindow = new google.maps.InfoWindow({maxWidth : 10}),   
                latlngStr       = address + "<br />LatLng: " + lat + " , " + lng + "<br />";

            coordInfoWindow.setContent(latlngStr);    
            coordInfoWindow.setPosition(point);    
            coordInfoWindow.open(map);

            BGImageController.fadeBG(false);
        },
        resizeMap   = function() {
            $mapEl.css({
                width   : $(window).width() + 'px',
                height  : $(window).height() + 'px'
            });
        },
        hideMap     = function() {
            display = false;
            $mapEl.empty();
        },
        active      = function() {
            return display;
        };

    return {
        showMap     : showMap,
        hideMap     : hideMap,
        active      : active,
        resizeMap   : resizeMap
    };
})(),

どんな助けでも大歓迎です。

4

2 に答える 2

1

ここで確認できる主なものは次の行です。

var coordInfoWindow = new google.maps.InfoWindow({maxWidth : 10})

情報ウィンドウの最大幅は 10px である必要があると言っています。これを 100 または 150 に設定すると、データが表示されます。

于 2013-08-29T09:30:26.513 に答える
0

コードの次のセクションで

var coordInfoWindow = new google.maps.InfoWindow({maxWidth : 10}),

maxWidthプロパティをより高い値 (少なくとも 100) に変更するか、削除すると、住所情報が表示されます。

の値が 120 であることを示す更新された jsFiddleを次に示しますmaxWidth。

于 2013-08-29T09:29:55.113 に答える