Google Maps JavaScript API v2Google Maps APIの使い方 - メソッド
Google Maps JavaScript APIバージョン2は廃止され、バージョン3に移行しました。
» Google Maps JavaScript API v3の解説はこちら!
情報ウィンドウの表示を有効化・無効化・有効かどうか判定
2008/5/5
GMap2.disableInfoWindow()
GMap2.infoWindowEnabled()
情報ウィンドウの操作は、デフォルトで有効になっています。
GMap2クラスのenableInfoWindow()メソッドは、情報ウィンドウの操作を有効にします。
戻り値はありません。
GMap2クラスのdisableInfoWindow()メソッドは、情報ウィンドウの操作を無効にします。
情報ウィンドウが開いている場合はそれを閉じ、情報ウィンドウが使用できないようにします。
GMap2クラスのinfoWindowEnabled()メソッドは、情報ウィンドウの操作が有効かどうかを調べ、情報ウィンドウの操作が有効な場合にTRUE、無効な場合にFALSEを返します。

<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAvABrzCnRluKK0Cj97fTMThTNR7aHVSEFb0WbViWwc6F-_w9PjBSogZu_7UgOTbx25ka46X-fnGmyvw" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ var map; function load() { if(GBrowserIsCompatible()){ /* 地図インスタンス生成 */ map=new GMap2(document.getElementById("map")); /* 中心地点 */ map.setCenter(new GLatLng(35.658421,139.699069), 17); /* コントロール追加 */ map.addControl(new GLargeMapControl()); /* コントロール大 */ /* ★情報ウィンドウの表示が有効か判定 */ document.getElementById("res").value=map.infoWindowEnabled(); } } function fOpenInfoWindow(){ /* 情報ウィンドウ表示 */ map.openInfoWindowHtml(new GLatLng(35.658421,139.699069), "<p>東京渋谷区にある<a href='http://www.s-markcity.co.jp/'>「マークシティー」</a>です。</p><p><img src='/content/img/ajax/star.png' align='left' alt='' />渋谷駅直結なので雨の日でも便利です。<br>ショッピングやランチどころ満載です。</p>"); } function swInfoWindow(bool){ if(bool==true){ /* ★情報ウィンドウの表示を有効化 */ map.enableInfoWindow(); }else{ /* ★情報ウィンドウの表示を無効化 */ map.disableInfoWindow(); } /* ★情報ウィンドウの表示が有効か判定 */ document.getElementById("res").value=map.infoWindowEnabled(); } window.onload=load; window.unload=GUnload; //]]> </script> <div id="map" style="width:425px;height:300px"><!-- 地図描画領域 --></div><br> <form action="#"> <p> <input type="button" value="情報ウィンドウ表示" onclick="fOpenInfoWindow();" /><br> <input type="button" value="情報ウィンドウの表示を有効化" onclick="swInfoWindow(true);" /> <input type="button" value="情報ウィンドウの表示を無効化" onclick="swInfoWindow(false);" /> </p> 情報ウィンドウの表示が有効になっているか?<input type="text" size="10" id="res" /> </form>
ダブルクリックによるズームイン・ズームアウトを有効化・無効化・有効かどうか判定
2008/5/5
GMap2.disableDoubleClickZoom()
GMap2.doubleClickZoomEnabled()
ダブルクリックによるズームイン・ズームアウトは、デフォルトで無効になっています。
GMap2クラスのenableDoubleClickZoom()メソッドは、ダブルクリックによるズームイン・ズームアウトを有効にします。 戻り値はありません。
GMap2クラスのdisableDoubleClickZoom()メソッドは、ダブルクリックによるズームイン・ズームアウトを無効にします。 戻り値はありません。
GMap2クラスのdoubleClickZoomEnabled()メソッドは、ダブルクリックによるズームイン・ズームアウトが有効かどうかを調べ、有効な場合にTRUE、無効な場合にFALSEを返します。

<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAvABrzCnRluKK0Cj97fTMThTNR7aHVSEFb0WbViWwc6F-_w9PjBSogZu_7UgOTbx25ka46X-fnGmyvw" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ var map; function load() { if(GBrowserIsCompatible()){ /* 地図インスタンス生成 */ map=new GMap2(document.getElementById("map")); /* 中心地点 */ map.setCenter(new GLatLng(35.665246,139.712319), 14); /* コントロール追加 */ map.addControl(new GLargeMapControl()); /* ★ダブルクリックによるズームが有効か判定 */ document.getElementById("res").value=map.doubleClickZoomEnabled(); } } function swDCZ(bool){ if(bool==true){ /* ★ダブルクリックによるズームを有効化 */ map.enableDoubleClickZoom(); }else{ /* ★ダブルクリックによるズームを無効化 */ map.disableDoubleClickZoom(); } /* ★ダブルクリックによるズームが有効か判定 */ document.getElementById("res").value=map.doubleClickZoomEnabled(); } window.onload=load; window.unload=GUnload; //]]> </script> <div id="map" style="width:425px;height:300px"><!-- 地図描画領域 --></div><br> <form action="#"> <p> <input type="button" value="ダブルクリックによるズームを有効化" onclick="swDCZ(true);" /> <input type="button" value="ダブルクリックによるズームを無効化" onclick="swDCZ(false);" /> </p> ダブルクリックによるズームが有効になっているか?<input type="text" size="10" id="res" /> </form>
マウスのスクロールホイールを使用したズームを有効化・無効化・有効かどうか判定
2008/5/5
GMap2.disableScrollWheelZoom()
GMap2.scrollWheelZoomEnabled()
マウスのスクロールホイールを使用したズームは、デフォルトで無効になっています。
GMap2クラスのenableScrollWheelZoom()メソッドは、マウスのスクロールホイールを使用したズームを有効にします。 戻り値はありません。
GMap2クラスのdisableScrollWheelZoom()メソッドは、マウスのスクロールホイールを使用したズームを無効にします。 戻り値はありません。
GMap2クラスのscrollWheelZoomEnabled()メソッドは、マウスのスクロールホイールを使用したズームが有効かどうかを調べ、有効な場合にTRUE、無効な場合にFALSEを返します。

<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAvABrzCnRluKK0Cj97fTMThTNR7aHVSEFb0WbViWwc6F-_w9PjBSogZu_7UgOTbx25ka46X-fnGmyvw" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ var map; function load() { if(GBrowserIsCompatible()){ /* 地図インスタンス生成 */ map=new GMap2(document.getElementById("map")); /* 中心地点 */ map.setCenter(new GLatLng(35.665246,139.712319), 14); /* コントロール追加 */ map.addControl(new GLargeMapControl()); map.addControl(new GScaleControl()); /* ★マウスのスクロールホイールを使用したズームが有効か判定 */ document.getElementById("res").value=map.scrollWheelZoomEnabled(); } } function swCZ(bool){ if(bool==true){ /* ★マウスのスクロールホイールを使用したズームを有効化 */ map.enableScrollWheelZoom(); }else{ /* ★マウスのスクロールホイールを使用したズームを無効化 */ map.disableScrollWheelZoom(); } /* ★マウスのスクロールホイールを使用したズームが有効か判定 */ document.getElementById("res").value=map.scrollWheelZoomEnabled(); } window.onload=load; window.unload=GUnload; //]]> </script> <div id="map" style="width:425px;height:300px"><!-- 地図描画領域 --></div><br> <form action="#"> <p> <input type="button" value="マウスのスクロールホイールを使用したズームを有効化" onclick="swCZ(true);" /><br> <input type="button" value="マウスのスクロールホイールを使用したズームを無効化" onclick="swCZ(false);" /> </p> <p> マウスのスクロールホイールを使用したズームが有効になっているか?<input type="text" size="7" id="res" /> </p> </form>
特定のブラウザで滑らかな連続ズームを有効化・無効化・有効かどうか判定
2008/5/5
GMap2.disableContinuousZoom()
GMap2.continuousZoomEnabled()
滑らか連続ズームは、デフォルトで無効になっています。
GMap2クラスのenableContinuousZoom()メソッドは、滑らか連続ズームを有効にします。
戻り値はありません。
GMap2クラスのdisableContinuousZoom()メソッドは、滑らか連続ズームを無効にします。
戻り値はありません。
GMap2クラスのcontinuousZoomEnabled()メソッドは、滑らか連続ズームが有効かどうかを調べ、有効な場合にTRUE、無効な場合にFALSEを返します。

<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAvABrzCnRluKK0Cj97fTMThTNR7aHVSEFb0WbViWwc6F-_w9PjBSogZu_7UgOTbx25ka46X-fnGmyvw" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ var map,obj; function load() { if(GBrowserIsCompatible()){ /* 地図インスタンス生成 */ map=new GMap2(document.getElementById("map")); /* 中心地点 */ map.setCenter(new GLatLng(35.665246,139.712319), 14); /* コントロール追加 */ map.addControl(new GLargeMapControl()); map.addControl(new GScaleControl()); /* ★滑らかな連続ルームが有効か判定 */ document.getElementById("res").value=map.continuousZoomEnabled(); } } function swCZ(bool){ if(bool==true){ /* ★滑らかな連続ズームを有効化 */ map.enableContinuousZoom(); }else{ /* ★滑らかな連続ズームを無効化 */ map.disableContinuousZoom(); } /* ★滑らかな連続ルームが有効か判定 */ document.getElementById("res").value=map.continuousZoomEnabled(); } window.onload=load; window.unload=GUnload; //]]> </script> <div id="map" style="width:425px;height:300px"><!-- 地図描画領域 --></div><br> <form action="#"> <p> <input type="button" value="滑らかな連続ズームを有効化" onclick="swCZ(true);" /> <input type="button" value="滑らかな連続ズームを無効化" onclick="swCZ(false);" /> </p> 滑らか連続ズームが有効になっているか?<input type="text" size="10" id="res" /> </form>
地図のドラッグ操作を有効化・無効化・有効かどうか判定
2008/5/5
GMap2.disableDragging()
GMap2.draggingEnabled()
地図のドラッグ操作は、デフォルトで有効になっています。
GMap2クラスのenableDragging()メソッドは、地図のドラッグ操作を有効にします。
戻り値はありません。
GMap2クラスのdisableDragging()メソッドは、地図のドラッグ操作を無効にします。
戻り値はありません。
GMap2クラスのdraggingEnabled()メソッドは、地図のドラッグ操作が有効かどうかを調べます。
地図のドラッグ操作が有効な場合にTRUE、無効な場合にFALSEを返します。

<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAvABrzCnRluKK0Cj97fTMThTNR7aHVSEFb0WbViWwc6F-_w9PjBSogZu_7UgOTbx25ka46X-fnGmyvw" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ var map; function load() { if(GBrowserIsCompatible()){ /* 地図インスタンス生成 */ map=new GMap2(document.getElementById("map")); /* 中心地点 */ map.setCenter(new GLatLng(35.665246,139.712319), 14); /* コントロール追加 */ map.addControl(new GLargeMapControl()); /* コントロール大 */ /* ★地図のドラッグ操作が有効か判定 */ document.getElementById("res").value=map.draggingEnabled(); } } function swDragging(bool){ if(bool==true){ /* ★地図のドラッグ操作を有効化 */ map.enableDragging(); }else{ /* ★地図のドラッグ操作を無効化 */ map.disableDragging(); } /* ★地図のドラッグ操作が有効か判定 */ document.getElementById("res").value=map.draggingEnabled(); } window.onload=load; window.unload=GUnload; //]]> </script> <div id="map" style="width:425px;height:300px"><!-- 地図描画領域 --></div><br> <form action="#"> <p> <input type="button" value="ドラッグ操作を有効化" onclick="swDragging(true);" /> <input type="button" value="ドラッグ操作を無効化" onclick="swDragging(false);" /> </p> 地図のドラッグ操作が有効になっているか?<input type="text" size="10" id="res" /> </form>