Question

有没有办法在链接中插入地址并让它显示街景？

例如：

<img src="http://maps.google.com/?q=ADDRESSHERE&view=streetview" />

Answer 1

Street View现在有一个静态图片API。这是一个例子：

http://maps.googleapis.com/maps/api/streetview?size=640x480&location=43.0635309,141.3253261&fov=120&heading=235&pitch=10&sensor=false

这是文档：

https://code.google.com/apis/maps/documentation/streetview/

2011：マクド

2017：マクドナルド

Answer 2

您可以在网页上嵌入整个街景视图。使用googlemaps GStreetviewPanorama对象。您可以在此处查看示例：

http://gmaps-samples.googlecode.com/svn/trunk/streetview/streetview_lazy.html

Answer 3

最好使用Google Maps JavaScript API v3来执行此操作。请参阅http://code.google.com/apis/maps/documentation/javascript/services.html#StreetView处的文档和示例代码。

此页面中的代码（删除了一些无关位）显示街景：

<!DOCTYPE html>
<html>
<head>
<title>Google Maps JavaScript API Example: Embedded StreetView</title>
<script src="http://maps.googleapis.com/maps/api/js?sensor=false" type="text/javascript"></script>
<script type="text/javascript">

  function initialize() {
    var bryantPark = new google.maps.LatLng(37.869260, -122.254811);
    var panoramaOptions = {
      position:bryantPark,
      pov: {
        heading: 165,
        pitch:0,
        zoom:1
      }
    };
    var myPano = new google.maps.StreetViewPanorama(document.getElementById("pano"), panoramaOptions);
    myPano.setVisible(true);
  }
</script>
</head>
<body onload="initialize()">
  <div id="pano" style="width: 425px; height: 240px"></div>
</body>
</html>

请注意，代码使用纬度和经度而不是地址。如果您拥有的是街道地址，则可以使用Google的Geocoder对象将地址转换为LatLng对象。

谷歌地图 - 街景静态图像

3 个答案: