Search

Google Maps JavaScript API v2Google Maps APIの使い方 － メソッド

Google Maps JavaScript APIバージョン2は廃止され、バージョン3に移行しました。
» Google Maps JavaScript API v3の解説はこちら!

情報ウィンドウの表示を有効化・無効化・有効かどうか判定

2008/5/5

GMap2.enableInfoWindow()
GMap2.disableInfoWindow()
GMap2.infoWindowEnabled()

情報ウィンドウの操作は、デフォルトで有効になっています。

GMap2クラスのenableInfoWindow()メソッドは、情報ウィンドウの操作を有効にします。
戻り値はありません。

GMap2クラスのdisableInfoWindow()メソッドは、情報ウィンドウの操作を無効にします。
情報ウィンドウが開いている場合はそれを閉じ、情報ウィンドウが使用できないようにします。

GMap2クラスのinfoWindowEnabled()メソッドは、情報ウィンドウの操作が有効かどうかを調べ、情報ウィンドウの操作が有効な場合にTRUE、無効な場合にFALSEを返します。

サンプルを見る
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;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.enableDoubleClickZoom()
GMap2.disableDoubleClickZoom()
GMap2.doubleClickZoomEnabled()

ダブルクリックによるズームイン・ズームアウトは、デフォルトで無効になっています。

GMap2クラスのenableDoubleClickZoom()メソッドは、ダブルクリックによるズームイン・ズームアウトを有効にします。 戻り値はありません。

GMap2クラスのdisableDoubleClickZoom()メソッドは、ダブルクリックによるズームイン・ズームアウトを無効にします。 戻り値はありません。

GMap2クラスのdoubleClickZoomEnabled()メソッドは、ダブルクリックによるズームイン・ズームアウトが有効かどうかを調べ、有効な場合にTRUE、無効な場合にFALSEを返します。

サンプルを見る
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;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.enableScrollWheelZoom()
GMap2.disableScrollWheelZoom()
GMap2.scrollWheelZoomEnabled()

マウスのスクロールホイールを使用したズームは、デフォルトで無効になっています。

GMap2クラスのenableScrollWheelZoom()メソッドは、マウスのスクロールホイールを使用したズームを有効にします。 戻り値はありません。

GMap2クラスのdisableScrollWheelZoom()メソッドは、マウスのスクロールホイールを使用したズームを無効にします。 戻り値はありません。

GMap2クラスのscrollWheelZoomEnabled()メソッドは、マウスのスクロールホイールを使用したズームが有効かどうかを調べ、有効な場合にTRUE、無効な場合にFALSEを返します。

サンプルを見る
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;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.enableContinuousZoom()
GMap2.disableContinuousZoom()
GMap2.continuousZoomEnabled()

滑らか連続ズームは、デフォルトで無効になっています。

GMap2クラスのenableContinuousZoom()メソッドは、滑らか連続ズームを有効にします。
戻り値はありません。

GMap2クラスのdisableContinuousZoom()メソッドは、滑らか連続ズームを無効にします。
戻り値はありません。

GMap2クラスのcontinuousZoomEnabled()メソッドは、滑らか連続ズームが有効かどうかを調べ、有効な場合にTRUE、無効な場合にFALSEを返します。

サンプルを見る
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;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.enableDragging()
GMap2.disableDragging()
GMap2.draggingEnabled()

地図のドラッグ操作は、デフォルトで有効になっています。

GMap2クラスのenableDragging()メソッドは、地図のドラッグ操作を有効にします。
戻り値はありません。

GMap2クラスのdisableDragging()メソッドは、地図のドラッグ操作を無効にします。
戻り値はありません。

GMap2クラスのdraggingEnabled()メソッドは、地図のドラッグ操作が有効かどうかを調べます。
地図のドラッグ操作が有効な場合にTRUE、無効な場合にFALSEを返します。

サンプルを見る
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;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>

関連コンテンツ

Q. このサイトの情報はお役に立ちましたでしょうか？

投票する 投票結果を見る

管理人に【web拍手】を送るweb拍手（1行メッセージも送れます♪）

TOP / ご利用上の注意点 / リンクについて / RSS

Valid: HTML検証, CSS検証, RSS検証

Thanks: Material Design 420 free icons

©2023 PHP & JavaScript Room All Rights Reserved.

pagetop

polarized women