JQuery，Google Maps和$（'＃myId'）== getElementById（“myId”）

Question

为什么这不是真的？

$('#myId') == document.getElementById("myId")

我正在使用JQuery 1.4.2并尝试将GMap插入到div元素中。

所以，这有效：

new google.maps.Map(document.getElementById("myId"),myOptions);

但这不是

new google.maps.Map($("myId"),myOptions);

Answer 1

你有几个问题。首先，ID选择器使用#。其次，$(...)是一个jQuery对象，你需要传递一个DOM元素。

使用$('#myId').get(0)

The get method.

Answer 2

它不起作用，因为google.maps.Map()构造函数需要一个DOM元素，而jQuery选择器返回一个jQuery对象。

您可能想要使用：

new google.maps.Map($("#myId")[0], myOptions);

进一步阅读：

• Google Maps API Groups: Why doesn't jQuery selection work?

Answer 3

$（'＃myId'）创建一个jQuery选择，而GMap需要一个DOM元素。您可以使用$（）。get function：

将jQuery选择转换为DOM元素

new google.maps.Map($("#myId").get(0), myOptions);