Google地图:如何使用自定义叠加创建自定义信息窗

时间:2017-12-28 11:22:45

标签: javascript jquery html google-maps

我是javascript的新手

使用自定义叠加层但始终检测到“无法读取属性”的setContent'of undefined'

我的javascript代码为https://github.com/SaneMethod/CGWin/blob/master/src/cGWin.js

我使用jquery因为解析了Exel文件

////https://github.com/SaneMethod/CGWin/blob/master/src/cGWin.js/////
function  GenCustomWindow () {
    var CustomWindow = function () {
    ....
    }
}
////parsing code////
$(document).ready(function () {
    $.ajax({
        type: "GET",
        url: "",
        datatype: "text",
        success: function (data) { processData(data); }
    });
});    
function processData(allText) {
        ....
    var info = new GenCustomWindow();
    for(i = 0;i < name.length;i++)
    {
        marker = new google.maps.Marker({
            position: new google.maps.LatLng(a, b),
            map: map,
            icon: markerImage,
            optimized: false
        });            
        google.maps.event.addListener(marker, 'click', (function (marker, i) {
            return function () {
                content =
                    '<div class="iw-title">' +
                    name[i] + '</div>' +
                    '<div class="iw-content">' +
                    '<div class="iw-subTitle">' + add[i] + '</div>' +
                    '</div>' +
                    '<div class="iw-bottom-gradient"></div>' +
                    '</div>';
                info.CustomWindow.setContent('content');
            }
        })(marker, i));
    }
}

info.CustomWindow.setContent

中始终存在错误

为什么这段代码出错?

你能推荐另一个自定义信息窗吗?

1 个答案:

答案 0 :(得分:0)

GenCustomWindow()返回CustomWindow,表示info已被CustomWindow

更改

info.CustomWindow.setContent('content');

info.setContent('content');

一切都应该正常。