地図 APIMap()コンストラクタ
インスタンス
Google マップを作成する:
var map=new google.maps.Map(document.getElementById("googleMap"),mapOpt);
試してみる »
定義と使い方
Map() コンストラクタは新しい地図を作成し、指定されたHTML要素(<div> 要素)に挿入します。
構文
new google.maps.Map(HTMLElement,MapOptions)
パラメータ値
| パラメータ | 説明 |
|---|---|
| HTMLElement | 地図を配置するHTML要素を指定します。 |
| MapOptions | 地図の初期化変数/オプションを含む MapOptions オブジェクト。 |
Map() のメソッド
| メソッド | 戻り値 | 説明 |
|---|---|---|
| fitBounds(LatLngBounds) | None | 指定された境界を含むビューポートを設定します。 |
| getBounds() | LatLng,LatLng | 現在のビューポートの南西の緯度/経度と北東の緯度/経度を返します。 |
| getCenter() | LatLng | 地図の中心の緯度/経度を返します。 |
| getDiv() | Node | 地図を含むDOMオブジェクトを返します。 |
| getHeading() | number | 航空写真のコンパス方位を返します(SATELLITE および HYBRID 地図タイプに対応)。 |
| getMapTypeId() | HYBRID ROADMAP SATELLITE TERRAIN | 現在の地図タイプを返します。 |
| getProjection() | Projection | 現在の Projection(投影)を返します。 |
| getStreetView() | StreetViewPanorama | 地図にバインドされたデフォルトの StreetViewPanorama を返します。 |
| getTilt() | number | 航空写真の入射角を返します(SATELLITE および HYBRID 地図タイプに対応)。 |
| getZoom() | number | 地図の現在のズームレベルを返します。 |
| panBy(xnumber,ynumber) | None | ピクセル単位の指定された距離だけ地図の中心を変更します。 |
| panTo(LatLng) | None | 地図の中心を指定された LatLng に変更します。 |
| panToBounds(LatLngBounds) | None | 指定された LatLngBounds を含めるために必要な最小距離だけ地図をパンします。 |
| setCenter(LatLng) | None | |
| setHeading(number) | None | 航空写真のコンパス方向を設定します(度単位で測定)、基本方位は北です。 |
| setMapTypeId(MapTypeId) | None | 表示する地図タイプを変更します。 |
| setOptions(MapOptions) | None | |
| setStreetView(StreetViewPanorama) | None | StreetViewPanorama を地図にバインドします。 |
| setTilt(number) | None | 航空写真の入射角を設定します(SATELLITE および HYBRID 地図タイプに対応)。 |
| setZoom(number) | None |
Map() のプロパティ
| プロパティ | タイプ | 説明 |
|---|---|---|
| controls | Array.<MVCArray.<Node>> | 地図に追加する追加のコントロール。 |
| mapTypes | MapTypeRegistry | 文字列IDごとの MapType インスタンスのレジストリ。 |
| overlayMapTypes | MVCArray.<MapType> | 重ね合わせる追加の地図タイプ。 |
Map() のイベント
| イベント | パラメータ | 説明 |
|---|---|---|
| bounds_changed | None | 可視領域の範囲が変更されたときにこのイベントがトリガーされます。 |
| center_changed | None | 地図の center(中心)プロパティが変更されたときにこのイベントがトリガーされます。 |
| click | MouseEvent | ユーザーが地図をクリックしたとき(マーカーや情報ウィンドウをクリックした場合を除く)にこのイベントがトリガーされます。 |
| dblclick | MouseEvent | ユーザーが地図をダブルクリックしたときにこのイベントがトリガーされます。このイベントがトリガーされる前にクリックイベントもトリガーされることに注意してください。 |
| drag | None | ユーザーが地図をドラッグしている間、このイベントが繰り返しトリガーされます。 |
| dragend | None | ユーザーが地図のドラッグを停止したときにこのイベントがトリガーされます。 |
| dragstart | None | ユーザーが地図のドラッグを開始したときにこのイベントがトリガーされます。 |
| heading_changed | None | 地図の heading(方位)プロパティが変更されたときにこのイベントがトリガーされます。 |
| idle | None | 地図がパンまたはズーム後にアイドル状態になったときにこのイベントがトリガーされます。 |
| maptypeid_changed | None | mapTypeId プロパティが変更されたときにこのイベントがトリガーされます。 |
| mousemove | MouseEvent | ユーザーのマウスが地図コンテナ上で移動する限り、このイベントがトリガーされます。 |
| mouseout | MouseEvent | ユーザーのマウスが地図コンテナから離れたときにこのイベントがトリガーされます。 |
| mouseover | MouseEvent | ユーザーのマウスが地図コンテナに入ったときにこのイベントがトリガーされます。 |
| projection_changed | None | 投影が変更されたときにこのイベントがトリガーされます。 |
| resize | None | 地図(div)のサイズが変更されたときにこのイベントがトリガーされます。 |
| rightclick | MouseEvent | ユーザーが地図を右クリックしたときにこのイベントがトリガーされます。 |
| tilesloaded | None | 表示可能なタイルの読み込みが完了したときにこのイベントがトリガーされます。 |
| tilt_changed | None | 地図の tilt(傾き)プロパティが変更されたときにこのイベントがトリガーされます。 |
| zoom_changed | None | 地図の zoom(ズーム)プロパティが変更されたときにこのイベントがトリガーされます。 |