0

我想知道为什么我收到以下错误：

类型错误：e.row.beachID 未定义

我的 click 事件处理程序按预期工作，但我的 mouseover 和 mouseout 事件处理程序虽然类似于 click 处理程序输出上面提到的 TypeError 消息。如果我能够使用“单击处理程序”从 gft 检索图层数据，那么为什么我不能对“鼠标悬停”和“鼠标输出”处理程序执行相同的操作 - 我正在尝试从同一个表中检索数据。

/* start map initialization  */
function initialize() {
    latlng = new google.maps.LatLng(49.894634, -97.119141);
    var myOptions = {
        center: latlng,
        zoom: 7,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        zoomControlOptions: {
            style: google.maps.ZoomControlStyle.SMALL
        },
        mapTypeControl: true,
        mapTypeControlOptions: {
            mapTypeIds: [
                google.maps.MapTypeId.ROADMAP,
                google.maps.MapTypeId.SATELLITE,
                google.maps.MapTypeId.HYBRID,
                google.maps.MapTypeId.TERRAIN
            ],

            style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
        },
        overviewMapControl: true,
        overviewMapControlOptions: {
            opened: true
        }

    };
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

    layer = new google.maps.FusionTablesLayer({
        query: {
            select: 'POINT',
            from: tableID
        },
        suppressInfoWindows: true
    });
    layer.setMap(map);
    infoWindow = new google.maps.InfoWindow();


    // begin tooltip section
    layer.enableMapTips({
        select: "'beachID', 'beach'",
        from: tableID,
        geometryColumn: 'POINT',
        suppressMapTips: true,
        delay: 100,
        tolerance: 8
    });

    google.maps.event.addListener(layer, 'mouseover', function (e) {
        $('#info').html(
            '<h3>' + e.row['beachID'].value + '</h3>',
            '<h3>' + e.row['beach'].value + '</h3>');
    });

    google.maps.event.addListener(layer, 'mouseout', function (e) {
        $('#info').html('<h2>Mouseout</h2>') ;
    });
    // end tooltip section


    google.maps.event.addListener(layer, 'click', function (e) {
        // close infoWindow if open
        if (infoWindow) {
            infoWindow.close();
        }
        beachID = e.row['beachID'].value;
        beachName = e.row['beach'].value;
        point = e.row['POINT'].value;
        region = e.row['region'].value;
        sampleDate = e.row['Date'].value;
        ecoli_count = e.row['avg_ecoli_count'].value;
        water_quality_guideline = e.row['water_quality_guideline'].value; 
    });
}

我错过了什么明显的东西吗？任何想法总是受到赞赏。

提前致谢。迈克尔

4

1 回答 1

0

FusionTablesLayer上唯一有效的事件是单击：

点击 | FusionTablesMouseEvent | 单击图层中的要素时会触发此事件。

返回一个FusionTablesMouseEvent 对象

于 2013-05-01T16:39:06.330 回答