InfoWindow

2015/09/01

InfoWindowクラスは情報ウィンドウを表示するためのクラスです。

構文

InfoWindow( opts?:InfoWindowOptions )

パラメータ

opts

InfoWindowOptions

情報ウィンドウのオプションとなるオブジェクト。表示する内容や位置座標などを調整できる。

返り値

InfoWindow

InfoWindowクラスのインスタンス。このインスタンスにメソッドを実行したりイベントを設定して情報ウィンドウを操作できる。

デモ

情報ウィンドウを作成するデモです。内容を変更してみて下さい。HTMLタグを利用することもできます。

var infoWindow = new google.maps.InfoWindow( {
	position: new google.maps.LatLng( 35.71, 139.8107 ) ,
	content: "SYNCER" ,
} ) ;

infoWindow.open( map ) ;

サンプルコード

インスタンスの作成

var infoWindow = new google.maps.InfoWindow( {
	position: new google.maps.LatLng( 35.71, 139.8107 ) ,
	content: "SYNCER" ,
} ) ;

infoWindow.open( map ) ;

HTML

<!DOCTYPE html>
<html>
<head>
	<style>
#map-canvas {
	width: 600px ;
	height: 600px ;
}
	</style>
</head>
<body>
	<div id="map-canvas"></div>

	<script src="//maps.googleapis.com/maps/api/js?key={APIキー}"></script>
	<script>
var mapDiv = document.getElementById( "map-canvas" ) ;

// Map
var map = new google.maps.Map( mapDiv, {
	center: new google.maps.LatLng( 35.71, 139.8107 ) ,
	zoom: 11 ,
} ) ;

// InfoWindow
var infoWindow = new google.maps.InfoWindow( {
	position: new google.maps.LatLng( 35.71, 139.8107 ) ,
	content: "SYNCER" ,
} ) ;

infoWindow.open( map ) ;
	</script>
</body>
</html>

デモページを開く

オプション

InfoWindowOptionsに指定できるプロパティの一覧です。

名前	説明
content	情報ウィンドウに表示する内容を調整する。
disableAutoPan	情報ウィンドウを開く時の位置座標の自動修正を拒否する。
maxWidth	情報ウィンドウの最大横幅を調整する。
pixelOffset	情報ウィンドウの位置をずらす。
position	情報ウィンドウの位置座標を調整する。
zIndex	情報ウィンドウのz-orderを調整する。

メソッド

名前	説明
close()	情報ウィンドウを閉じる。
getContent()	情報ウィンドウの内容を取得する。
getPosition()	情報ウィンドウの位置座標を取得する。
getZIndex()	情報ウィンドウのz-orderを取得する。
open()	情報ウィンドウを開く。
setContent()	情報ウィンドウの内容をセットする。
setOptions()	情報ウィンドウの各種設定を変更する。
setPosition()	情報ウィンドウの位置座標をセットする。
setZIndex()	情報ウィンドウのz-orderをセットする。

イベント

名前	説明
closeclick	情報ウィンドウを、バツボタンを押して閉じた時に発火するイベント。
content_changed	情報ウィンドウの内容をセットした時に発火するイベント。
domready	情報ウィンドウを開き、DOMの準備ができた時に発火するイベント。
position_changed	情報ウィンドウの位置座標が変化した時に発火するイベント。
zindex_changed	情報ウィンドウのz-orderが変化した時に発火するイベント。

参考

Google Maps JavaScript API: InfoWindow: Googleの公式リファレンス。