将坐标传递到HTML页面以在新窗口中打开谷歌街景
Passing coordinates to HTML page to open Google Street View in new window
我有一个单独的映射应用程序,它读取映射的当前中心,获取lat和long,然后将这些变量传递到HTML页面。以下是HTML页面及其javascript的代码。这将打开一个新窗口,但不会显示街道视图,也不会出现错误。
var lat = getParameterByName('lat');
var lon = getParameterByName('lon');
var panorama;
function initialize() {
panorama = new google.maps.StreetViewPanorama(
document.getElementById('street-view'),
{
position: {lat: ""+lat+"", lng: ""+lon+""}, //bad code???
pov: {heading: 165, pitch: 0},
zoom: 1
});
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBaSDR10ovsZ0rxygIpheEgrR2YjpbJHbg&callback=initialize">
</script>
从google.maps.LatLngLiteral中删除",并可能谨慎地在这些字符串上使用parseFloat
)。
代码片段:
var lat = 40.713613; // getParameterByName('lat');
var lon = -74.006757; // getParameterByName('lon');
var panorama;
function initialize() {
panorama = new google.maps.StreetViewPanorama(
document.getElementById('street-view'), {
position: {
lat: parseFloat(lat),
lng: parseFloat(lon)
},
pov: {
heading: 165,
pitch: 0
},
zoom: 1
});
}
google.maps.event.addDomListener(window, "load", initialize);
html,
body,
#street-view {
height: 100%;
width: 100%;
margin: 0px;
padding: 0px
}
<script src="https://maps.googleapis.com/maps/api/js"></script>
<div id="street-view"></div>
相关文章:
- 防止Iframe窗体在新窗口中打开
- 如何在新选项卡中而不是在新窗口中打开URL
- 为在新窗口中打开外部链接创建异常
- 在新窗口中通过谷歌地图的localStorage作为地图中心
- SVG编辑链接获胜't在新窗口中打开
- 如何将数据传递给 jsp 并从 servlet 在新窗口中打开它
- 将坐标传递到HTML页面以在新窗口中打开谷歌街景
- ASP.Net电子邮件有一个超链接应该在新窗口中打开
- 如何在新窗口中打开url
- 在新窗口中打开时,未在画布中绘制图像
- 如何在新窗口中打开打印
- 使用javascript在新窗口中打开重定向操作
- AngularJS-使用ng-click在新窗口中打开链接
- 在全屏中打开谷歌chrome
- 在新窗口中打开DIV按钮
- 无法在新窗口中打开 javascript 搜索引擎结果
- 使用javascript在新窗口中打开链接
- 在新窗口中打开链接
- 我需要隐藏'在新窗口中打开'当我使用Iframe打开我的页面时,谷歌查看器中的按钮
- 如何在弹出窗口中打开谷歌地图链接