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

Question

我试图通过在id =＆＃34; google_map＆＃34;

的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);