Google.maps.Map Javascript API V3与jquery兼容

Question

我试图通过在id ="google_map"的div上添加地图来弄清楚为什么会这样做

map = new google.maps.Map(document.getElementById("google_map"), googleMapOptions);

但这不会奏效

var our_map = $("#google_map");
map = new google.maps.Map(our_map, googleMapOptions); 

我在firebug上遇到此控制台错误

TypeError: Argument 1 of Window.getComputedStyle does not implement interface Element.


...(a,b,c){c=c&&1==b;Jt.H?Yn(a[w],c?"":b):(b="alpha(opacity="+Jd(100*b)+")",rn(a[w]...

Answer 1

Map构造函数期望Node作为第一个参数:Map(mapDiv:Node,opts？:MapOptions).

代替

map = new google.maps.Map(our_map, googleMapOptions); 

你必须使用

map = new google.maps.Map(our_map[0], googleMapOptions);