Google maps (V3) – Map content selecter (en utilisant jquery)

J'essaie de résoudre un problème délicat dans Google Maps (api V3)

Fonctionne bien:

var map = new google.maps.Map(document.getElementById("map_container"), myOptions); 

Ne fonctionne pas si j'essaie d'utiliser un sélecteur jQuery

 var map = new google.maps.Map($('#map_container'), myOptions); 

J'ai fait cet EXEMPLE


Merci d'avance

À votre santé

Pedro

Il s'attend à un élément DOM, mais $('#map_container') renvoie un objet jQuery. Si vous souhaitez utiliser un sélecteur jQuery, procédez comme suit:

 var map = new google.maps.Map($('#map_container')[0], myOptions); 

Ou vous pouvez également utiliser .get(0) au lieu de [0] , cela renvoie l'objet DOM actuel.