jQuery ID 选择器在 Google 地图中不起作用 [重复]

Question

尝试从纯 jQuery 方式生成 Google 地图，但当我使用 ID 选择器时无法渲染地图：

var map = new google.maps.Map($("#map_canvas"), mapOptions);

当我在简单的 JavaScript 方法中使用查找元素 id 时，地图正在工作：

var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

你能帮我理解为什么会这样吗？

Answer 1

快速搜索发现：

它需要一个 DOM 元素，但 $('#map_cavas') 返回一个 jQuery 对象。如果您想使用 jQuery 选择器，请执行以下操作：

var map = new google.maps.Map($("#map_canvas")[0], mapOptions);

来源：Google maps (V3) - Map container selector (using jquery)