-1

JSFiddle所示, InfoWindow 似乎存在显示地址和纬度的问题。无法自己调试它,因为我让其他人为我构建了它。我是 JS 的 n00b 并且正在尝试修复此错误。这是一个取自 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})

您是说信息窗口的最大宽度应为 10 像素。将此设置为 100 或 150,然后您应该会看到数据显示。

于 2013-08-29T09:30:26.513 回答
0

在下面的代码部分

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

将属性更改maxWidth为更高的值(至少 100),或将其删除,您将看到您的地址信息。

这是更新后的 jsFiddle,显示maxWidth.

于 2013-08-29T09:29:55.113 回答