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 视频 的相关文章

  • 删除所有标记谷歌地图v3

    在我的第一次点击事件中 所有标记都显示在谷歌地图中 我想在第二次点击中删除它们 当我执行代码时 仅删除最后一个标记 这是我的 JavaScript 代码 var showmarkers false google maps event add
  • 如果用户没有安装 YouTube 应用,如何在 Android 应用中播放 YouTube 视频?

    我正在尝试在 Android 应用程序中播放 YouTube 视频 我正在使用 YouTubePlayer API 它运行良好 但问题是我想在库中拥有这个播放器 如果没有安装 YouTube 应用程序 那么电影就不会显示 而且我还有另一个问
  • Google 地图 api javascript 标签未验证

    正在寻找当前网站 正在使用 W3C 进行完全 HTML5 验证 这是无法验证的 Google 地图 API Javascript 标记 这是W3C的回应 没有开始字符引用 可能应该被转义为 它不喜欢 定义传感器是真还是假时 我尝试过以下方法
  • 带有方向的谷歌静态地图

    我的项目列表中有带有迷你地图的生成地点 地图上应该有 2 个点以及这两点之间的彩色道路方向 它应该看起来像这样 这应该是静态图片 因为页面上会有很多这样的不同方向的图片 但正如我所见 谷歌静态地图不允许绘制这样的图像 两点之间只能有直线 如
  • 无法从 Google Direction Service api 获取优化路线

    我试图通过提供航点来使用 google Direction api 找到优化路线 以下是我使用过的航点 起始点 LHR 第一个路径点 豪恩斯洛 第二个路径点 哈灵顿 When I tried to find the optimized tr
  • YouTube 视频内容涵盖 IE < 9 中的 CSS 下拉菜单

    我使用 CSS 创建了下拉菜单 并将 YouTube 视频放置在导航栏下方的框中 使用 IE 8 时 下拉菜单落后于 YouTube 视频 尽管带有导航栏的 div 的 z index 比带有 YouTube 视频的 div 更高 该问题在
  • YouTube 点击时禁用 HTML5

    有没有办法让我们通过javascript禁用HTML5视频的 播放 暂停 点击全屏 功能 然后在我们再次需要时将其放回去 我不知道你是否可以禁用它们 但你可以使用 css 删除它们 video webkit media controls f
  • 停止视频时隐藏 YouTube iframe 中的“更多视频”

    当用户停止视频时 如何隐藏 Youtube iframe 中的 更多视频 部分 例子 我找不到任何解决方案here https developers google com youtube player parameters 如果您安装了 u
  • 有没有办法淡出 V3 google.maps.Polygon?

    有没有办法淡出 V3 google maps Polygon 我不想只是隐藏 删除标准 Google Maps V3 多边形 而是想将其淡出 这可能吗 那里有插件吗 以下是我创建的一个解决方案 用于解决描边和填充的统一淡出问题 我通过将其设
  • Google 地图 - 如何获取空白底图

    我想要一个空白的谷歌地图 没有任何显示路线图 地形 混合或卫星数据的底图 只有一个白色背景来仅显示我的图层 那可能吗 hexblot 的建议是正确的 即查看自定义地图类型文档 这是我在没有任何控制的情况下获得空白地图 白色背景 所做的事情
  • 使用 infowindows 添加多个标记(Google 地图 API)

    我目前正在使用以下代码 使用他们的 API 在 Google 地图上放置多个标记 我遇到的问题是多个信息窗口不起作用 仅显示最后一个 SO 上有很多像我这样的问题 实际上让这成为一大堆问题 举个例子 尝试将多个 InfoWindows 绑定
  • 如何在 YouTube 播放列表中进行搜索?

    我需要知道 youtube API V3 是否支持在特定的 youtube 播放列表中搜索 还有其他方法可以做到这一点吗 我已阅读YouTube API 文档 https developers google com youtube v3 d
  • Google Places API:如何使用多种类型?

    我需要一个返回评级 照片 开放 关闭时间等的 POI API 我认为 Google Places API 似乎可以满足我的要求 但我在过滤方面遇到了一些麻烦 我想使用多种类型的自动完成功能过滤 这是我所拥有的 var map var sel
  • 内联 YouTube 视频在 iOS 上的 cordova 应用程序中不起作用

    我用 cordova 开发了一个移动应用程序 我确实需要能够播放内联 YouTube 视频 我尝试了一段时间来解决它 我设置了属性playsinline to 1在 YouTube iframe API 中 I put
  • Google Maps API V3:捕捉到另一个多边形的节点

    我正在绘制相邻且共享边界的多边形 看下面的示例图片 如果我要为蒙大拿州绘制一个多边形 我希望能够单击爱达荷州多边形的节点以获得相同的边界部分 以确保边界不会重叠或有孔 但是 节点不允许直接单击它们 如果我使节点不可见 那么准确性会恶化 并且
  • 谷歌地图及其标记

    我有一个标记位置的 JSON 数组被拉入 Google 地图 这工作正常 我还将 infoWindows 链接到每个标记 这些也工作得很好 但是 当我单击标记 在任何浏览器中 时 信息窗口仅出现在最后添加的标记上方 这是一个小提琴 http
  • iPhone SDK-从我的应用程序中启动 youtube 应用程序

    我正在开发一个使用 UIWebView 来显示 youtube 视频列表的应用程序 为了播放视频 我使用 YouTube 嵌入功能 当用户单击视频缩略图时它会打开 YouTube 应用程序 效果很好 我希望当我单击网页视图上 YouTube
  • 在 Google 地图中映射 400MB KML 数据 - 如何?

    Re 我有一个 400MB 大的 KML 文件 1 周的旅行和 5000 公里的记录 它已经去除了非必要的数据 压缩后的 GPX 文件大小约为 80MB 或 2 5MB KML 文件大约 30MB 我不确定有多少个航点 但肯定有数十万个 我
  • 在单页应用程序上重用 Google Maps API 实例

    假设我有一个单页应用程序 Angular JS 应用程序 并且我在元素 id 上绘制一个 Google 地图实例googleMap var mapInstance new google maps Map document getElemen
  • 如何将地址(作为文本)转换为 GPS 坐标?

    假设我有文本地址 901 Cherry Ave 圣布鲁诺 CA 94066 美国 有没有免费服务可以帮助我识别该地址的 GPS 坐标 经度和纬度 我将在我的应用程序中使用它 所以它应该是某种 API 文本可以是任何语言 将地址转换为地理坐标

随机推荐

  • 创建 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 中工作 在这些浏览器中 定位已