jquery - jQuery ID 选择器在 Google 地图中不起作用

Question

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

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

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

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

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

score 3 · Accepted Answer

快速搜索揭示了这一点：

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

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

1 回答 1