google maps api

Question

Comment ajouter un contrôle personnalisé à google maps v3 avec jquery?

Answer 1

Vous devez être sûr de lier les éléments de contrôle personnalisé aux fonctions que vous les souhaitez effectuer sur la carte elle-même, mais d'ajouter un contrôle personnalisé en utilisant jQuery pour manipuler le DOM, faire quelque chose comme ce qui suit:

$(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]); 
}); 

Plus de documentation se trouve ici: http://code.google.com/apis/maps/documentation/javascript/controls.html#CustomControls

Answer 2

un exemple ajoute un contrôle de filtrage de l'étiquette en utilisant jQuery Google Maps plugin, voir "Filter Markers Example" près du fond.

Application Android utilisant le même plugin jQuery avec l'exemple similaire here (source disponible, téléphone/tablette/bureau).