Google Maps 中国語...login
Google Maps 中国語 API マニュアル
著者:php.cn  更新時間:2022-04-14 16:36:56

Map API Map() コンストラクター



Googleマップを作成します:

<html>
<head>
<script
src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false">
</script>

<script>
function initialize()
{
var mapOpt = {
  center:new google.maps.LatLng(51.508742,-0.120850),
  zoom:5,
  mapTypeId:google.maps.MapTypeId.ROADMAP
  };
var map=new google.maps.Map(document.getElementById("googleMap"),mapOpt);
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>

<body>
<div id="googleMap" style="width:500px;height:380px;"></div>

</body>
</html>

インスタンスを実行する»
「インスタンスを実行」ボタンをクリックしてオンライン例を表示します

定義と使用法

マップ( ) コンストラクターが作成しますa 新しいマップが指定された HTML 要素 (<div>) に挿入されます。 要素)。

構文

new google.maps.Map(
HTMLElement
,MapOptions)
パラメータ値

パラメータHTMLElementMapOptions

Map()のメソッド

説明
は、マップが次のように規定されています。その HTML 要素に配置されます。
マップ初期化変数/オプションを持つ MapOptions オブジェクト。
Mapoptions) StreetViewPanorama) number)番号)
メソッド戻り値説明
fitBounds(LatLngBounds)None指定された境界を含むようにビューポートを設定します。
getBounds()LatLng,LatLng 現在のビューポートの南西の緯度/経度と北東の緯度/経度を返します。
getCenter()LatLng地図の中心の緯度/経度を返します。
getDiv()Node マップを含む DOM オブジェクトを返します。
getHeading()number航空画像のコンパス方位を返します (SATELLITE および HYBRID マップ タイプをサポート)。
getMapTypeId()ハイブリッド ロードマップ 衛星 TERRAIN現在のマップタイプを返します。
getProjection()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 表示する地図の種類を変更します。 ISetOptions (
None
SetStreetView (
None StreetViewPanorama を地図にバインドします。 setTilt(
None航空写真の入射角番号を設定します (SATELLITE および HYBRID マップ タイプをサポート)。 setZoom(
なし

Map()のプロパティ

mapTypesoverlayMapTypes

Map() のイベント

PropertyTypeDescription
Array.<MVCArray.<Node>>マップへの追加コントロール。
MapTypeRegistry文字列IDによるMapTypeインスタンスのレジストリ。
MVCArray.<MapType>オーバーレイする追加のマップ タイプ。
EventParametersDescription
bounds_changedNoneこのイベントは、表示領域の範囲が変更されたときにトリガーされます。
center_changedNoneこのイベントは、マップ中心のプロパティが変更されるとトリガーされます。
clickMouseEvent このイベントは、ユーザーがマップをクリックしたときに発生します (マーカーや情報ウィンドウ上では発生しません)。
dblclickMouseEventこのイベントは、ユーザーがマップをダブルクリックするとトリガーされます。このイベントが発生する前に、クリック イベントも発生することに注意してください。
dragNoneこのイベントは、ユーザーがマップをドラッグすると繰り返しトリガーされます。
dragendNoneこのイベントは、ユーザーがマップのドラッグを停止するとトリガーされます。
dragstartNoneこのイベントは、ユーザーがマップのドラッグを開始するとトリガーされます。
Heading_changedNoneこのイベントは、地図の見出しプロパティが変更されるとトリガーされます。
idleNone このイベントは、パンまたはズーム後にマップがアイドル状態になったときに発生します。
maptypeid_changedNoneこのイベントは、mapTypeId 属性が変更されるとトリガーされます。
mousemoveMouseEventこのイベントは、ユーザーのマウスがマップ コンテナ上を移動するたびにトリガーされます。
mouseoutMouseEvent このイベントは、ユーザーのマウスがマップ コンテナーから出るときにトリガーされます。
mouseoverMouseEvent このイベントは、ユーザーのマウスがマップ コンテナーに入るとトリガーされます。
projection_changedNone このイベントは、投影が変更されたときにトリガーされます。
resizeNoneこのイベントは、マップ (div) のサイズが変更されるとトリガーされます。
rightclickMouseEventこのイベントは、ユーザーがマップ上で右クリックするとトリガーされます。
tilesloadedNoneこのイベントは、表示されているタイルが読み込まれるときにトリガーされます。
tilt_changedNone このイベントは、地図の傾きプロパティが変更されたときにトリガーされます。
zoom_changedNone このイベントは、地図のズーム プロパティが変更されるとトリガーされます。