Google maps (V3) - Map container selector (using jquery)

Question

I\'m trying to solve a tricky problem in Google Maps (api V3)

Works nicely:

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


        

Answer 1

It expects a DOM element, but $('#map_container') returns a jQuery object. If you want to use a jQuery selector, do:

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

Or you can also use .get(0) instead of [0], this returns the actual DOM object.