Fusion Table Layers でいくつかの場所の地図を作成しています。私は例を使用しています: http://code.google.com/intl/pl/apis/maps/documentation/javascript/examples/layer-fusiontables-simple.html
ページの読み込み時に特定の情報ウィンドウを開くにはどうすればよいですか? Fusion テーブルの特定の行を呼び出すにはどうすればよいですか?
Fusion Table Layers でいくつかの場所の地図を作成しています。私は例を使用しています: http://code.google.com/intl/pl/apis/maps/documentation/javascript/examples/layer-fusiontables-simple.html
ページの読み込み時に特定の情報ウィンドウを開くにはどうすればよいですか? Fusion テーブルの特定の行を呼び出すにはどうすればよいですか?
ページの読み込み時にインフォウィンドウを開きたい場合は、ページの読み込み時に呼び出されるjavascript関数でそれを行うことができます(以下のinitialize()関数の最後を参照)。
フュージョンテーブルから特定の行のみを取得するには、FusionTablesLayer-queryに「where」パラメーターを追加できます。以下のコードを参照してください。
参照した例を変更して、次の2つのことを示しました。
<!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およびFusionTablesに関する詳細情報: