gmap api v3 infowindow html字符串内容未显示

时间:2014-11-09 13:52:57

标签: javascript html google-maps

我将数组html内容推送到infowindow时遇到了问题: 我想尝试为我通过javascript自定义的每个标记附加一个html字符串,该代码使用本机infowindow,但是当我尝试追加html时,infowindow是空的。

这里是代码:

function initialize(markerPlaces) {
    (function(window, google, maplib){
        var mapOptions = maplib.MAP_OPTIONS,
        domElement = document.getElementById('map'),
        //map declaration
        map = new google.maps.Map(domElement, mapOptions);
        console.log(markerPlaces);
        var contentStringOpen = '<div class="modul1 modalWindow">';
        var contentStringMiddle = '<span class="modul1_txt">';
        var contentStringClose = '</span></div>';
        var infowindow = new google.maps.InfoWindow();
        var contArray = new Array();
        for(i=0;i<markerPlaces[0].posts.length;i++){
            var thumb = markerPlaces[0].posts[i].thumb;
            var title = markerPlaces[0].posts[i].title;
            contArray.push('' +
                    '<div id="' + markerPlaces[0].posts[i].postId +
                    '" class="modul1 modalWindow">' +
                    markerPlaces[0].posts[i].thumb +
                    '<span class="modul1_txt">' +
                    markerPlaces[0].posts[i].title +
                    '</span></div>');
            markers = new google.maps.Marker({
                position: {
                    lat: Number(markerPlaces[0].posts[i].lat),
                    lng: Number(markerPlaces[0].posts[i].long)
                },
                map: map,
                icon: 'http://tovisit.today/wp-content/themes/turisti/img/poi.png',
                title: markerPlaces[0].posts[i].title
            })
            console.log(contArray[i]);
            google.maps.event.addListener(markers, 'click', (function(markers, i) {
                return function() {
                    //switch this for htmlContent
                    //infowindow.setContent(contArray[i]);
                    //this work
                    infowindow.setContent(contentStringMiddle + markerPlaces[0].posts[i].title + contentStringClose + markerPlaces[0].posts[i].thumb);
                    infowindow.open(map, markers);
                    $()
                  }
                })(markers, i));
        }
    }(window, google, window.maplib || (window.maplib = {})));
}

内容字符串正确无误:

firebug output

但是当我看到dom div.modalWindow,以及他的内容,缺少

map output

任何人都有同样的麻烦吗?

1 个答案:

答案 0 :(得分:0)

我解决了这个问题,有时显示:没有引起一些麻烦,我忘了这个调试css行,我为你的时间而烦恼道歉。 功能正确,顺便说一下。 感谢你的-1有一个美好的一天