加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > Windows > 正文

Windows – Google Maps api v3 canvas chrome在YouTube视频和地

发布时间:2020-12-13 20:12:51 所属栏目:Windows 来源:网络整理
导读:我遇到两个问题.. 问题1 这只发生在Mac上的chrome上,尝试过的金丝雀和旧版本.该矩形是 canvas元素..这里是一个截图.看起来黑色矩形是标记将在哪里.标记仍然可以点击,只是无法看到它. 问题2 我正在收到一个黑盒子,其中包含嵌入在Google Maps api v3的InfoBubb
我遇到两个问题..

问题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中解决了我的问题.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读