我正在尝试将最新的国际空间站Google街景视图嵌入到我正在创建的新页面中。问题是我得到一个黑屏,并显示消息“图像可能受版权保护”。我不是编码专家(远非它),我不知道如何继续。如果有人有想法,欢迎你。谢谢。
这是我的代码并住在这里:http://jsbin.com/cipiyofesa/edit?html,output
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Street View controls</title>
<style>
/* Always set the map height explicitly to define the size of the div
* element that contains the map. */
#map {
height: 100%;
}
/* Optional: Makes the sample page fill the window. */
html, body {
height: 100%;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
function initPano() {
// Note: constructed panorama objects have visible: true
// set by default.
var panorama = new google.maps.StreetViewPanorama(
document.getElementById('map'), {
position: {lat: 29.5602853, lng: -95.0853914},
pov: {heading: 165, pitch: 0},
addressControl: false,
visible: true,
linksControl: false,
panControl: false,
enableCloseButton: false,
zoomControl: false,
fullscreenControl: false,
motionTrackingControl: false,
clickToGo: false,
disableDefaultUI: true,
scrollwheel: false,
linkscontrol: false,
pancontrol: true
});
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=API_KEY&callback=initPano" allowfullscreen
frameborder="0" style="border:0">
</script>
</body>
</html>
答案 0 :(得分:2)
我使用你的坐标做了Geocoding API search,我得到了以下地址
4th St,Houston,TX 77058,USA
这是美国宇航局JSC大楼7号,它是一个政府研究中心,所以google通过它的地图API专门没有关于它的全景数据。
此外,如果您使用jsfiddle或地址中的位置Search View Image API search,则无法获得结果。
https://maps.googleapis.com/maps/api/geocode/json?address=4th%20St%2C%20Houston%2C%20TX%2077058%2C%20USA&key=YOUR_KEY