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

标签 javascript google-maps google-maps-api-3 google-street-view

我想获取一张来自 Google 街景的图像,其中包含 LatLng 信息。

https://developers.google.com/maps/documentation/javascript/

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

还有什么我可以引用的东西吗?

最佳答案

这里有一对来自谷歌的好例子 sample1sample2这并不难,构建一个合适的网页并包含所有相关信息,这是一个良好的开端

示例2的代码

  <!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>

或者最简单的嵌入式访问https://maps.googleapis.com/maps/api/streetview?size=400x400&location=40.720032,-73.988354&fov=90&heading=235&pitch=10

全部来自谷歌。

关于javascript - 在 Google API 上使用 LatLng 获取街景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31633252/

相关文章:

javascript - Angular 2 ng-model-options ="{updateOn: ' 改变模糊'}”

javascript - 在javascript中使用正则表达式删除 & 字符

javascript - 将部分视频流传输至客户端

javascript - 从 Google API 位置获取标记总数搜索

javascript - 如何测试 google.maps.Geocoder?

javascript - 如何通过javascript从变量中的json google map api获取地理编码纬度和经度?

javascript - 如何获取 Google map 标记的 HTML?

Javascript:更改 img src onclick 只能工作一次

google-maps - 将 iframe 谷歌地图设为黑白

google-maps - 纬度/经度与 1 英里的换算是多少