谷歌街景在一定程度上围绕着一个点展开,并看到它的视觉含义
google street view revolve from a single point through some degrees and see its visual implications
嗨,我是谷歌街景api和javascript的新手。我正试图写一个代码,通过它我可以在特定的经度和纬度旋转街景中的图像。角度无关紧要。。。。这是代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Street View service</title>
<link href="/maps/documentation/javascript/examples/default.css" rel="stylesheet">
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script>
//this for loop is for rotating the image.
for(var i=0;i<15;i++) {
function initialize() {
var fenway = new google.maps.LatLng(42.345573,-71.098326);
var mapOptions = {
center: fenway,
zoom: 14,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(
document.getElementById('map-canvas'), mapOptions);
var panoramaOptions = {
position: fenway,
pov: {
heading: 0+10*i,
pitch: 10
}
};
var panorama = new google.maps.StreetViewPanorama(document.getElementById('pano'),panoramaOptions);
map.setStreetView(panorama);
//此循环用于等待加载图像。。我知道这不是有效的,但只是想给足够的时间加载图像对于(var k=0;k<10000;k++){}
}
google.maps.event.addDomListener(窗口,"加载",初始化);}
</script>
<div id="pano" style="position:absolute; left:10px; top: 8px; width: 1300px; height: 670px;"></div>
<div id="map-canvas" style="left:1100px; top: 450px;width: 200px; height: 200px"></div>
当我执行整个代码时。。只有特定角度的图像才会出现。。它不旋转。
你能帮我吗?:)
在这个链接中查看我的问题和我自己的答案。它不会以交互方式旋转,但街景视图是为观察点而设置的。我希望这正是你所需要的。
谷歌地图Api街景全景选项Lon Lat 的视点设置
相关文章:
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- jQuery:循环一个具有不同超时值的循环
- 当包含另一个asp文件时,是否也包含所有引用的样式和脚本页面
- 从javascript创建一个列表
- 节点导出返回一个空对象
- 使用clickToggle并在单击另一个元素时关闭元素
- 我可以在json对象中添加一个函数吗
- 使用javascript将动态表从一个html页面打印到另一个html页
- 将jsp文件下拉列表中的选定项分配给一个java变量(比如String selection)
- 表追加而不附加最后一个元素
- 我如何找到一个句子中的所有空格并替换忽略它们
- D3在一个调用中绘制不同的SVG形状,没有可见性
- 如何在android中使用phonegap将文件从一个文件夹移动/复制到另一个文件夹
- 使用类从一个标记中双击事件
- Javascript,访问一个主要对象模块模式中的每个对象
- 如果使用 lodash 将属性存在于另一个对象中,则向对象添加属性
- 如何在elfinder插件(一个文件管理器插件)上获得上传前事件
- 谷歌街景在一定程度上围绕着一个点展开,并看到它的视觉含义
- 我如何得到一个网页上可见的DOM元素的视觉大小
- 一个bookmarklet,用于禁用tinymce视觉编辑器