当前位置: 代码迷 >> JavaScript >> 在Google API上使用LatLng获取街景图像
  详细解决方案

在Google API上使用LatLng获取街景图像

热度:53   发布时间:2023-06-05 09:39:04.0

我想从Google Street View获取包含LatLng信息的图像。

我几乎阅读了Google提供的文档中的内容,但找不到所需的选项。

还有什么我可以参考的吗?

这里有一个来自google 和的很好的例子,构建一个合适的网页并包含一个良好的开始的所有相关信息并不难。

sample2的代码

  <!DOCTYPE html>
  <html>
    <head>
      <meta charset="utf-8">
      <title>Street View service</title>
      <style>
        html, body, #map-canvas {
          height: 100%;
          margin: 0;
          padding: 0;
        }

      </style>
      <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script>
      <script>
  function initialize() {
    var fenway = new google.maps.LatLng(42.345573, -71.098326);
    var mapOptions = {
      center: fenway,
      zoom: 14
    };
    var map = new google.maps.Map(
        document.getElementById('map-canvas'), mapOptions);
    var panoramaOptions = {
      position: fenway,
      pov: {
        heading: 34,
        pitch: 10
      }
    };
    var panorama = new google.maps.StreetViewPanorama(document.getElementById('pano'), panoramaOptions);
    map.setStreetView(panorama);
  }

  google.maps.event.addDomListener(window, 'load', initialize);

      </script>
    </head>
    <body>
      <div id="map-canvas" style="width: 45%; height: 100%;float:left"></div>
      <div id="pano" style="width: 45%; height: 100%;float:left"></div>
    </body>
  </html>

或最简单的嵌入式访问

全部来自Google。

  相关解决方案