javascript - Google.maps.Map Javascript API V3 与 jquery 的兼容性

Question

我试图通过在 id="google_map"的 div 上添加 map 来弄清楚为什么这会起作用

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