Windows – Google Maps api v3 canvas chrome在YouTube视频和地图元素上导致黑匣子

我遇到两个问题..

问题1
这只发生在Mac上的chrome上,尝试过的金丝雀和旧版本.该矩形是< canvas>元素..这里是一个截图.看起来黑色矩形是标记将在哪里.标记仍然可以点击,只是无法看到它.

问题2
我正在收到一个黑盒子,其中包含嵌入在Google Maps api v3的InfoBubble中的YouTube视频.当您点击标记图标放大后,黑盒子通常会消失.这只会在Windows中的Chrome上发生.

我指的是这个开发网站：http://sgaz.mapitusa.com
选择健康&健康,点击红色标记图标.

我正在为此付出代价,因为我无法得到答案,我需要一个这样的产品才能将产品转移到生产状态.

以下是地图代码https://gist.github.com/a5515bd0b0139185ea16的GIST

这里是地图初始化代码https://gist.github.com/4937a60d2402e99278b0的GIST

更新：
这是嵌入YouTube视频的iframe代码：

<iframe width="246" height="125" src="http://www.youtube.com/embed/XFDtfg7RquI" frameborder="0" allowfullscreen=""></iframe>

视频中的黑盒子可以在chrome – >检查元素,这是HTML ..

<embed width="100%" id="video-player-flash" height="100%" type="application/x-shockwave-flash" src="http://s.ytimg.com/yt/swfbin/watch_as3-vflTsQfnT.swf" allowscriptaccess="always" allowfullscreen="true" bgcolor="#000000" flashvars="el=embedded&amp;fexp=904527%2C913102%2C913601&amp;is_html5_mobile_device=false&amp;allow_embed=1&amp;allow_ratings=1&amp;hl=en_US&amp;use_tablet_controls=0&amp;eurl=http%3A%2F%2Fsgaz.mapitusa.com%2F&amp;iurl=http%3A%2F%2Fi1.ytimg.com%2Fvi%2FXFDtfg7RquI%2Fhqdefault.jpg&amp;view_count=28&amp;probably_logged_in=1&amp;title=GermRid&amp;avg_rating=0&amp;video_id=XFDtfg7RquI&amp;length_seconds=89&amp;sendtmp=1&amp;enablejsapi=1&amp;sk=abu5-utg87bNYJgjGarozMSmFFhRfpxwC&amp;use_native_controls=false&amp;rel=1&amp;playlist_module=http%3A%2F%2Fs.ytimg.com%2Fyt%2Fswfbin%2Fplaylist_module-vflDOq0Br.swf&amp;iurlsd=http%3A%2F%2Fi1.ytimg.com%2Fvi%2FXFDtfg7RquI%2Fsddefault.jpg&amp;jsapicallback=ytplayerOnYouTubePlayerReady&amp;playerapiid=player1&amp;framer=http%3A%2F%2Fsgaz.mapitusa.com%2F">

将以下样式添加到iFrames： iframe {-webkit-transform：translate3d(0,0); } 这在Windows 7上的Chrome和Safari中解决了我的问题.

原文地址：https://www.jb51.cc/windows/371184.html