个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?hl=en&sll=37.936424,-107.814144&layer=c&cid=12115290478932730695&panoid=YY_tNFWmbOaOJDV_zlAZ0A&cbp=13,40.7,,0,5.57&gl=US&t=m&cbll=37.936374,-107.814213&ie=UTF8&hq=&hnear=&ll=37.935914,-107.813505&spn=0.004595,0.010568&source=embed&output=svembed"></iframe><br /><small><a href="https://maps.google.com/maps?hl=en&sll=37.936424,-107.814144&layer=c&cid=12115290478932730695&panoid=YY_tNFWmbOaOJDV _zlAZ0A&cbp=13,40.7,,0,5.57&gl=US&t=m&cbll=37.936374,-107.814213&ie=UTF8&hq=&hnear=&ll=37.935914,-107.813505&spn=0.004595,0.010568&source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small>
所以有嵌入代码。我想知道如何强制生成的内容自动旋转？我可以使用 JS 吗？
最佳答案
iframe访问组件不，您将无法从 Javascript 访问 iframe 中的内容。
Javascript 安全策略不允许跨域访问嵌入式 (i) 框架的文档。
它被称为 Same Orgin Policy .
In computing, the same origin policy is an important security concept for a number of browser-side programming languages, such as JavaScript. The policy permits scripts running on pages originating from the same site – a combination of scheme, hostname, and port number[1] – to access each other's methods and properties with no specific restrictions, but prevents access to most methods and properties across pages on different sites.[1] Same origin policy also applies to XMLHttpRequest and to robots.txt.[2]
解决方案是使用 Google API可以将您的应用程序与他们的服务(在本例中为街景 View )连接起来。
我认为您需要 panControl。
A
panControlprovides a way to rotate the panorama. This control appears by default as a standard integrated compass and pan control. You may alter the control's position by providing PanControlOptions within the panControlOptions field.
(在 API 中搜索“街景控件”)
即使这不是最好的解决方案，我也认为这会对您有所帮助。这将更新全景图的标题。
<DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Street View service</title>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script>
var panorama;
function initialize() {
var fenway = new google.maps.LatLng(42.345573,-71.098326);
var panoramaOptions = {
position: fenway,
pov: {
heading: 4,
pitch: 10
}
};
panorama = new google.maps.StreetViewPanorama(document.getElementById('pano'),panoramaOptions);
var i = 0;
window.setInterval(function () {
panorama.setPov({
heading: i,
pitch: 10,
zoom: 1
});
i += 0.1;
}, 10);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas" style="width: 400px; height: 300px"></div>
<div id="pano" style="position:absolute; left:410px; top: 8px; width: 400px; height: 300px;"></div>
</body>
</html>
此外，如果您想停止旋转，请使用 on() 为 jQuery 函数。#pano 添加 mouseenter 和 mouseleave 的处理程序
参见 JSFIDDLE
关于javascript - 让 Google Virtual Tour 嵌入自动旋转？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16592832/
25
4
0
进程虚拟机和系统虚拟机有什么区别？ 我的猜测是，进程 VM 没有为该操作系统的整个应用程序提供一种操作系统，而是为某些特定应用程序提供环境。 系统虚拟机为操作系统提供了一个安装环境，就像 Virtua
我在成员函数的上下文中理解 virtual，例如 virtual void frob()。但它在类声明的上下文中意味着什么，例如 class Foo : public virtual Bar？ 对于给
根据 react-virtualized 文档，“AutoSizer 组件装饰 React 元素并自动管理宽度和高度属性，以便装饰元素填充可用空间”。 建议通常是加上height: 100%;或 fl
根据 this类似 StackOverflow 问题和其他文章，默认情况下 C# 方法是“非虚拟的”，我认为这意味着您不能在派生类中覆盖它们。 如果那是真的，能否请您向我解释一下，在下面的示例中，我如
我有一个基类Media和几个派生类，即DVD、Book等...基类写成: class Media{ private: int id; string title;
我搜索了一些关于虚函数声明的帖子，相信 =0 在 virtual void test()=0; 是固定句法所以 virtual void test()=NULL; virtual void test(
我正在使用 RV 列表加载具有自定义格式的大型文档。它非常有效，但我遇到了以下两个问题: 我目前在 cellmeasurer 中设置了一个列表 based on this计算行的动态高度(宽度是固定的
我一直在努力制作 this react virtualized table example工作 & 开始严重怀疑我的理智。我创建了一个 react 应用程序，我只是想在 App.js 中使用以下内容呈
我在Windows 7 Pro计算机上安装了Windows Virtual PC和Windows XP Mode。运行XP模式会在Virtual PC上自动安装XP。我想创建第二台与第一台相同的虚拟P
我使用 Virtual PC 来创建新的环境来测试我的安装程序。但我一定是做错了什么，因为内部装有 Vista 或 XP 的 VPC 镜像占用了大约 15GB 的磁盘空间(包括安装在其中的 VS200
是否可以为 Ubuntu 虚拟机动态分配处理器和内存？例如。进程在主机系统上运行，导致处理器的使用率从 30%-70% 上下波动，这些进程还占用 8GB 内存中 3GB-7GB 之间的波动量，即 1G
我正在使用“react-virtualized”来创建一个表。在该表中，一些数据可能显示为 'Brian Vaughn1'。 .此表格单元格应具有 font-weight: bold并且只应呈现文本，
我正在使用“react-virtualized”来创建一个表。在该表中，一些数据可能显示为 'Brian Vaughn1'。 .此表格单元格应具有 font-weight: bold并且只应呈现文本，
我一直在努力理解一段这样的代码: class A { // some class definition } class B { public: virtual A *s
基于 http://en.wikipedia.org/wiki/Virtual_inheritance class Animal { ... }; // Two classes virtually i
我看到 C++ 中的某些函数被声明为 virtual const int getNumber(); 但是如果函数声明如下有什么区别呢？ const virtual int getNumber(); 这
问题来自C++ faq。 http://www.parashift.com/c++-faq-lite/protected-virtuals.html 使用公共(public)重载虚拟的代码: clas
这个问题在这里已经有了答案: How is "=default" different from "{}" for default constructor and destructor? (3 个答案
virtual final 函数(final 在基类)是否有任何 vtable/virtual 成本？ class B{ public: virtual void fFinal() final
我有一个只包含 exe 文件(没有源代码)的 hello 工具。 你好工具结构: bin helloBin.exe helloRoot.exe conanfile.py conanfile.py
我是一名优秀的程序员,十分优秀！