我想禁用点击,但在Streetview上的嵌入式(使用iframe)地图
中保持拖动(这样你可以探索360度相机)。这是我试图嵌入的map,来自国际空间站。
我尝试过Cesare解决方案(JSFiddle here)但是(也许是因为是国际空间站并且有一些合法权利)它显示了一个带有注释的黑屏:图像可能受版权保护。因此,现在我正在尝试使用iframe。这是我的code on JSFiddle。
<!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 class="map-container">
<iframe src="https://www.google.com/maps/embed?pb=!4v1518736193836!6m8!1m7!1szChzPIAn4RIAAAQvxgbyEg!2m2!1d29.56028532748453!2d-95.08539144618427!3f213.12!4f0.18000000000000682!5f0.7820865974627469" style="margin-top:-100px" width="100%" height="1000" frameborder="0"allowfullscreen >
</iframe>
<style>
.map-container {
</style>
</body>
</html>