トップページ >  Google Maps >  タブ付きウィンドウを表示
初版2009/10/21： 最終更新日2009/10/21
タブ付きウィンドウを表示
目次
・タブ付きウィンドウを表示
・サンプルソース
・実行例
タブ付きウィンドウを表示
タブ付き情報ウィンドウはopenInfoWindowTabsHtml()を使用します。
第一引数にはGLatLngオブジェクト、第二引数には後述するタブオブジェクトを引数にします。
また、タブ自体は、GInfoWindowTab()を使用します。第一引数はタブ名、第二引数はウィンドウに表示する内容です。


サンプルソース
<body>
<div id="map" style="width: 560px; height: 350px"></div>
<script type="text/javascript">
//<![CDATA[
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
var gL  = new GLatLng(34.73706320900569,135.56582808494568);
map.setCenter(gL,16);

var tabList = [
  new GInfoWindowTab("住所","大阪府～"),
  new GInfoWindowTab("概観","こんな感じ～")
];
map.openInfoWindowTabsHtml(gL, tabList);
//]]>
</script>
</body>
実行例
以下、実行例です。

HOME