javascript - 在类而不是 id 中加载 map

标签 javascript jquery html google-maps-api-3

目标

显示在 .map_canvas 而不是 #map_canvas 中加载的 map 。

问题

Uncaught TypeError: Cannot set property 'position' of undefined

场景

当我在 #map_canvas 中加载 map 时一切顺利,但如果我将元素包装器更改为 .map_canvas,我的应用程序就会失败。

我举了两个例子:

  1. 使用#map_canvas:Play on jsFiddle
  2. 使用 .map_canvas:Play on jsFiddle

请注意,在这两种情况下,JavaScript 代码的第 36 行

Hint: I already tried to use jQuery selector instead of getElementsByClassName(), but the problem keeps.

有人可以给我一个想法吗?

最佳答案

那是因为getElementsByClassName返回一个数组,指定0索引:

var mapDiv = document.getElementsByClassName("map_canvas")[0];

类(class)演示:http://jsfiddle.net/tymeJV/fqCTV/1/

关于javascript - 在类而不是 id 中加载 map ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18533642/

相关文章:

javascript - 组合两个复杂对象不起作用 : Javascript

Java 在不使用引号的情况下向 json 对象添加函数。

javascript - 为什么 $(this).data ('mycontrol' ) 未定义?

javascript - 等到弹出窗口被销毁?

jquery - Javascript 从谷歌获取建筑物的图像

javascript - 使用 Channel API 接收来自任务队列中任务的消息

javascript - 编译 typescript 。函数原型(prototype)丢失对 "this"的引用

数百万行的 JavaScript 数据网格

html - 如何将WordPress的帖子内容格式化为html格式

javascript - 可变高度的滑动门按钮