Google 地图信息窗口中的 YouTube 视频

2023-12-30

我正在尝试将 YouTube 视频放入 Google 地图(v3)信息窗口中。

它在 Firefox 和 Internet Explorer 中运行良好。

It does not在 Safari 和 Chrome 中工作。在这些浏览器中,定位已关闭,并且当您移动地图时视频不会移动。视频有时也会被剪辑。

这是 doe 的代码

<!doctype html>
<html>
<head>
<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script>
var map;
function initialize() {
    latlng = new google.maps.LatLng(33.4222685, -111.8226402)
    myOptions = {
      zoom: 4,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById("map"),myOptions)
    var point = new google.maps.LatLng(33.4222685, -111.8226402);
    var marker = new google.maps.Marker({
        position: point,
        map: map
    })
    google.maps.event.addListener(marker, "click", function(){
        bubble = new google.maps.InfoWindow({
          content: '<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/UmFjNiiVk9w?fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/UmFjNiiVk9w?fs=1" type="application/x-shockwave-flash" width="425" height="344" allowscriptaccess="always" allowfullscreen="true"></embed></object>'
        })
        bubble.open(map, marker);
    })
}
</script>
</head>
<body onload="initialize();">
  <div id="map" style="width: 984px; height: 495px"></div>
</div>
</body>
</html>

这里有一个适用于 Google Maps API 版本 2 的示例http://www.virtualvideomap.com/ http://www.virtualvideomap.com/

Also on http://maps.google.com http://maps.google.com您可以通过单击地图右上角的“更多...”,然后选中“视频”,在 Chrome 和 Safari 中的信息窗口内查看 YouTube 视频。


这是一个 webkit 错误,但您可以在这里找到解决方案:http://groups.google.com/group/google-maps-js-api-v3/browse_thread/thread/ccaaee32b89e3656/c87bb19e4662bd78#c87bb19e4662bd78 http://groups.google.com/group/google-maps-js-api-v3/browse_thread/thread/ccaaee32b89e3656/c87bb19e4662bd78#c87bb19e4662bd78

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Google 地图信息窗口中的 YouTube 视频 的相关文章

  • XCode 8.2.1 错误 - 没有这样的模块 YouTubePlayer

    我在用https github com gilesvangruisen Swift YouTube Player https github com gilesvangruisen Swift YouTube Player 首先 我尝试从任何
  • 传单位置过滤器示例和可拖动可调整大小的矩形区域在地图上选择

    我需要在地图上选择一个矩形区域并识别属于该区域的标记 理想情况下 矩形应该是可拖动和可调整大小的 我对地图并不太挑剔 Google Mapbox 或 Leaflet 都可以正常工作 我找到了传单的位置过滤器 https github com
  • 如何在 Android 中嵌入和播放 YouTube 视频

    我们可以在 Android 应用程序中观看 YouTube 视频吗 我的意思是 如果我们有 YouTube 上的视频链接 我们可以在 VideoView 或其他小部件中播放它吗 有什么想法吗 答案很简单 是 请查看以下链接 如何在我的 An
  • 如何在经典 ASP 中使用地理编码 API v3

    想知道是否有人可以帮助我 我正在尝试返回地址的纬度和经度结果 刚接触编码并且陷入困境 以下代码工作正常 直到地理编码从 v2 变为 v3 你能告诉我哪里错了吗 我是否需要新的 v3 密钥或密钥 提前致谢
  • 如何使事件 DOM 侦听器适应 Google Maps JavaScript API v3.35

    我曾经使用以下代码来捕获用户的 Enter 键事件 如果用户没有选择其中任何一个 即没有标记为 pac 的 pac item 则自动从自动完成结果 pac items 中选择第一个结果 项目选择 var input document get
  • Chrome 扩展程序中的 SWFobject - API 不可用

    Hi 我正在构建一个 Chrome 扩展程序 其中我需要在后台页面中嵌入一个 SWF 对象 除了 SWF 对象和事件监听器的 JavaScript 控件之外 一切正常 我的猜测是 这与跨域策略有关 因为在网络服务器上测试页面时一切正常 无论
  • Google 地图上的自定义路线/路径/道路

    我需要能够使用 V2 或 V3 最好是 3 创建在某种意义上忽略建筑物的路径 我试图创建一个 kml 文件来自己绘制所有路径 然后找到某种方法根据需要打开 关闭它们 例如 用户想要从 A 点前往 B 点 这些点之间有许多建筑物 用户可以实际
  • 返回即将推出的 YouTube API V3 视频安排日期?

    我想要返回 YouTube 中的直播的安排日期 Example of scheduled streams YT链接 https www youtube com channel UCP7jMXSY2xbc3KCAE0MHQ A https w
  • Google Map v3 地图加载事件[重复]

    这个问题在这里已经有答案了 是否有任何侦听器来处理完全加载的地图 就我而言 我需要从地图获取边界 所以我这样做了 google maps event addListener this map bounds changed this mapL
  • Google 地图第二次无法加载 - AngularJS

    我正在使用 GoogleMap API angular google maps js 包 并且我有一个非常奇怪的行为 The first time I load it i get the full map loaded like here
  • 我如何对 youtube 嵌入播放器进行编程,使其在点击时取消静音

    如何设置 YouTube 嵌入式播放器在单击时取消静音 你可以看到我提到的嵌入式播放器http www harvestarmy org http www harvestarmy org主页 右边的那个写着 来自 YouTube 的最新视频
  • Google Maps API v3 Places 库返回未定义的 utc_offset

    我正在开发一个时间和位置感知应用程序 谷歌地图 v3 api 地点库几乎拥有我需要的一切 但是 当对特定地址执行 textSearch 并尝试为返回的 PlaceResult 项目之一调用 getDetails 时 从 getDetails
  • 更改屏幕方向时,创建了新活动

    我对 Android 还比较陌生 但在过去的一年里制作了很多应用程序 所以请原谅我 我知道 当您在设备上运行应用程序并通过旋转设备来更改屏幕方向时 所显示的活动将完全重新创建 我转到 YouTube 应用程序 我使用的是 Nexus 7 w
  • 检查外部 JS 库是否已加载[重复]

    这个问题在这里已经有答案了 我当前的设置是用户单击链接来动态加载内容 其中还包括加载脚本 我希望能够测试是否加载了外部脚本 特别是 Google Maps JS API 如果没有加载 则继续执行此操作 这是我的代码 if href cont
  • 谷歌地图 API 没有密钥?

    如何在没有密钥的情况下使用 Google Maps v3 API 我在里面见过这个例子 http www birdtheme org useful v3largemap html但无法弄清楚具体是什么导致它不出错 编辑 如果有人建议 Sta
  • 如何在控制台中播放和暂停 Youtube 视频?

    转到一个 url 例如 https www youtube com embed zvCBSSwgtg4 https www youtube com embed zvCBSSwgtg4 并打开 chrome 控制台 我想知道什么 javasc
  • 网站 YouTube 嵌入视频不断播放

    我正在使用 youtube 提供的 iframe 在我的网站上嵌入视频 我还使用了一个 css 弹出窗口 这是我从这个页面学到的http www pat burt com web development how to do a css po
  • Youtube as3 API 似乎不再起作用

    我正在使用 as3 Youtube 官方 API 我需要在 swf 文件中加载 API 播放器 我已经在几个项目上完成了 一切都很好 但几个小时后 我的所有项目现在都坏了 这是崩溃的代码片段 Security allowDomain www
  • 使用 Django 在 Google 地图上放置标记

    我正在尝试使用 API 和 HTML5 地理位置根据 Google 地图上模型中存储的纬度和经度放置标记 问题是如何使用模板关键字循环遍历 JavaScript 标签中存储的每个对象的经纬度信息 我不认为这可以在 Django 中完成 我在
  • Google 将自动完成功能放置在 React 组件中

    我正在尝试构建一个谷歌地图组件 谷歌地图 API v3 一切正常 但自动完成功能不行 这是我正在使用的代码 Google 地图组件 import React Component from react import ReactDOM from

随机推荐

  • 创建 JavaScript 命名空间的最佳方法是什么? [关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 我还没有在互联网上找到在 JavaScript 中创建命名空间的通用方法 创建命名空间的最佳方法是什么 请列出特定方法可能存在的任何缺陷 fun
  • 手动实例化@InjectMock注解字段

    我浏览了一些博客 以了解 Mockito 注释工作原理的基础知识 然而 我面临着一个疑问 什么时候需要手动实例化带有注释的字段 InjectMocks i e InjectMocks A a new A 又何时依赖MockitoAnnota
  • jQuery ajax() POST 到 Slim PHP 框架

    使用 jquery mobile phonegap 尝试 POST 到 Slim 应用程序 我有以下代码 document on vclick test form function ajax type POST url http mydom
  • 在MySQL上模拟多维数组

    我有两个具有以下结构的表 文章 文章 ID 文本 标签 tag id article id 文本 如何通过一个查询选择所有文章和所有关联标签 据我所知 MySQL只能返回一个二维数组 所以我可以一个解决方案是将所有标签连接到文章选择结果的一
  • QML 使用计时器移动文本

    我需要在屏幕上从右到左连续创建移动文本 我已经使用它实现了QML Timer and Text元素 下面的代码工作正常 但我担心下面的代码会导致更多的 cpu 或内存使用 主要是因为计时器每 33 毫秒触发一次 我必须在应用程序中的位置和多
  • 使用 awk 遍历文件列表?

    我很陌生awk 但我正在寻找一种方法来迭代目录中的所有文件并执行一个简单的awk命令 我的命令是一个简单的替换 将所有制表符替换为两个空格 awk gsub t print 如何扩展以循环遍历目录并对所有文件执行命令 将文件传递至awk当然
  • spring JSP MVC 和 Thymeleaf MVC 的区别

    Spring JSP MVC 和 Thymeleaf MVC 有什么区别 哪一种是春季网页设计的最佳方式 它们都是 Spring MVC 的视图层 首先 最基本的区别是文件扩展名 jsp html 评论中的布拉尼斯拉夫是对的 JSP不是模板
  • 当匹配查询的所有文档的字段总和超过某个值时,如何触发 elastalert

    当匹配查询的所有文档的字段总和超过某个值时 是否可以触发elastalert 假设每个文档都有一个 价格 值 例如 当最后一天的 价格 值总和超过 200 时 是否可以触发 elastalert 示例文档 type transaction
  • 转换数据以适应正态分布

    我有一个比较容易理解的问题 我有一组数据 我想估计这些数据适合的程度标准正态分布 为此 我从我的代码开始 f p m p hist data 128 f p f p trapz m p f p x th min data 001 max d
  • 在 UIView 外部绘制阴影

    背景 我有一个UIView具有以下属性 阿尔法 1 背景颜色 白色 不透明度 0 35 圆角 阴影 Code 这就是我创建阴影的方法 UIView扩大 self layer masksToBounds false self layer sh
  • 对于iOS healthkit如何保存收缩压和舒张压值?

    这是在健康套件中保存血压数据的代码 HKUnit BPunit HKUnit millimeterOfMercuryUnit HKQuantity BPSysQuantity HKQuantity quantityWithUnit BPun
  • 在 PHP 中向日期添加三个月

    我有一个变量叫做 effectiveDate包含日期2012 03 26 我试图在此日期基础上增加三个月 但没有成功 这是我尝试过的 effectiveDate strtotime 3 months strtotime effectiveD
  • 按上下文获取所有标签以实现 acts-as-taggable-on

    We use https github com mbleigh acts as taggable on https github com mbleigh acts as taggable on对于我们的 Rails 应用程序 我们遇到了问题
  • 如何与 React Test Renderer / Jest 渲染的组件交互

    我正在使用 Jest 和快照测试 我想做的是渲染一个组件ReactTestRenderer 然后模拟单击其中的按钮 然后验证快照 ReactTestRenderer 返回的对象create呼叫有一个getInstance函数允许我直接调用它
  • 不兼容的片段类型

    你好 我在 android 中有一个小应用程序 我在其中使用带导航抽屉的片段作为菜单 但现在我想在用户单击某些内容时在片段对话框弹出窗口中显示 并且出现以下错误 主要活动 private void displayView int posit
  • shell 脚本参数非位置

    有没有办法将非位置参数提供给 shell 脚本 意思是明确指定某种标志 myscript sh value1 value2 myscript sh val1 value1 val2 value2 您可以使用getopts 但我不喜欢它 因为
  • MySQL 错误 1241:操作数应包含 1 列

    我正在尝试将表1中的数据插入表2中 insert into table2 Name Subject student id result select Name Subject student id result from table1 表2
  • 在.Net Framework中使用最新版本的System.Net.Http

    最新版本System Net Http https www nuget org packages System Net Http nuget 上的版本是 4 3 4 但即使是最新的 Net Framework 4 8 也附带了该库的 4 2
  • 拼写检查等统计句子建议模型

    已经有可用的拼写检查模型 可以帮助我们根据经过训练的正确拼写语料库找到建议的正确拼写 是否可以将粒度从字母表增加到 单词 以便我们可以有均匀的短语建议 这样如果输入了错误的短语 那么它应该从正确短语的语料库中建议最接近的正确短语 当然它是从
  • Google 地图信息窗口中的 YouTube 视频

    我正在尝试将 YouTube 视频放入 Google 地图 v3 信息窗口中 它在 Firefox 和 Internet Explorer 中运行良好 It does not在 Safari 和 Chrome 中工作 在这些浏览器中 定位已