如何打开特定的信息窗口的页面加载在融合表层
how to open specific infowindow on page load in Fusion Table Layers
我在Fusion Table图层中创建了一些位置的地图。我正在使用一个例子:http://code.google.com/intl/pl/apis/maps/documentation/javascript/examples/layer-fusiontables-simple.html
如何在页面加载时打开特定的信息窗口?如何调用Fusion表中的特定行?
如果你想在页面加载时打开InfoWindow,你可以简单地在页面加载时调用一个javascript函数(见下面initialize()函数的末尾)。
要从融合表中只获得特定的行,您可以将"where"参数添加到FusionTablesLayer-query中,参见下面的代码。
我修改了你提到的例子,以显示这两件事:
<!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 table的更多信息:
- 在查询时打开InfoWindow
- 教程"Map sample data with Fusion Tables"
相关文章:
- 如何使用url加载程序在webpack中导入多个图像
- 如何在生成下载文件时显示加载动画
- 有没有任何方法可以将控制器从文件加载到ui路由器$stateProvider中
- 无法在通过jQuery的ajax加载的页面中执行javascript
- Emberjs应用程序加载在除Index之外的所有路由上
- 在chrome.tabs.onCreated之后加载HTML页面
- 单击F5时如何停止页面加载
- HTML5音频加载和播放获胜'我不能在iPad上工作
- 跟踪在页面加载时应用内联样式的JavaScript
- 在使用Polymer'加载所有json文件后执行方法;s的核心ajax
- jQuery Lazy加载动画滚动
- Html页面上的多个Base64图像和平滑加载
- 如何创建带有插槽的vue js组件预加载程序
- Webpack/Rect:遵循egghead.io教程,但出现错误:您可能需要一个合适的加载程序来处理此文件类型
- 如何从客户端应用程序加载融合表 csv
- 如何正确地重新加载融合表层
- 冷融合加载动画cfform
- 当谷歌地图可融合层正在加载或完成加载时触发事件
- 显示"加载数据”;在融合图表中
- 如何打开特定的信息窗口的页面加载在融合表层