如何在Fusion Table图层中打开特定的页面加载信息

时间:2011-10-04 08:27:27

标签: javascript google-maps google-fusion-tables

我正在创建Fusion Table Layers中某些位置的地图。 我正在使用一个例子:http://code.google.com/intl/pl/apis/maps/documentation/javascript/examples/layer-fusiontables-simple.html

如何在页面加载时打开特定的infowindow?如何调用Fusion表中的特定行?

1 个答案:

答案 0 :(得分:0)

如果要在页面加载时打开InfoWindow,可以在页面加载时调用的javascript函数中执行此操作(请参阅下面的initialize()函数末尾)。

要仅从融合表中获取特定行,您可以将“where”参数添加到FusionTablesLayer查询中,请参阅下面的代码。

我修改了你提到的例子,以显示这两件事:

<!DOCTYPE html>
<html>
<head>
    <title>FusionTableLayer with WHERE clause and InfoWindow</title>
    <meta charset="utf-8">

    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
    <script type="text/javascript">
        function initialize() {

            var chicago = new google.maps.LatLng(41.948766, -87.691497);

            var map = new google.maps.Map(document.getElementById('map_canvas'), {
                center: chicago,
                zoom: 11,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            });

            var layer = new google.maps.FusionTablesLayer({
                query: {
                    select: 'address',
                    from: '198945',
                    where: 'ridership > 5000'
                }
            });
            layer.setMap(map);

            var infoWindow = new google.maps.InfoWindow();
            infoWindow.setContent('Hello Chicago!');
            infoWindow.setPosition(chicago);
            infoWindow.open(map);
        }

    </script>
</head>
<body onload="initialize()">
    <div id="map_canvas" style="width:600px; height:400px"></div>
</body>
</html>

有关InfoWindows和Fusion Tables的更多信息: