google maps api

Question

jqueryを使用してGoogleマップv3にカスタムコントロールを追加するにはどうすればよいですか？

Answer 1

カスタムコントロールの要素をマップ自体で実行する関数にバインドする必要がありますが、jQueryを使用してDOMを操作するカスタムコントロールを追加するには、次のようにします。

$(function() { 
    var myOptions = { 
     ... 

     mapTypeControl: false 
    } 

    map = new google.maps.Map($mapDiv, myOptions); 

    ... 


    // Remove the custom control from the DOM to memory 
    $control = $(".myControlSelector").detach(); 

    // Push the control to the top right position on the map 
    map.controls[google.maps.ControlPosition.TOP_RIGHT].push($control[0]); 
}); 

詳しいドキュメントは次の場所にあります。http://code.google.com/apis/maps/documentation/javascript/controls.html#CustomControls

Answer 2

一つの例は、jQuery Google Maps pluginを使用してタグのフィルタリング制御を追加し、「Filter Markers Example」の近くに下を参照してください。

同様の例を持つ同じjQueryプラグインを使用しているAndroidアプリhere（ソースは、携帯電話/タブレット/デスクトップ）。