GoogleMaps - `google.maps.Map(<dynamic>, mapOptions) 的动态输入

Question

所以要创建一个 google 地图，我通常会这样做：

new google.maps.Map(document.getElementById('my-map'), mapOptions);

但我需要更灵活一点的东西，因为现在页面上有不止一张地图。我试过类似的东西：

new google.maps.Map($(map).find('.my-map'), mapOptions);

但是我得到这个错误：

Uncaught TypeError: Cannot set property 'position' of undefined

我调查了 document.getElementByClassName()，但我不确定如何让它搜索我正在迭代的目标集。我也不知道我是否必须做一些奇怪的事情，因为我正在处理 jQuery 个对象。

我猜我不能在其中使用 jQuery 对象。我是 API 的新手，如有任何帮助，我们将不胜感激。

Answer 1

它必须是 DOM 元素而不是 JQuery 数组。

new google.maps.Map($(map).find('.my-map')[0], mapOptions);

Answer 2

瞧瞧我实际上必须做的事情：

var mapElement = map[0].$map.get(0);  
new google.maps.Map(mapElement, mapOptions);

GoogleMaps - dynamic input of `google.maps.Map(<dynamic>, mapOptions)