1

当我以匿名用户身份使用 Google 地图时，当我找到我正在为其建立网站的公司时，Google 会向我显示该地点的某种默认街景照片。这非常好，我希望这张照片也出现在我正在使用 API3 准备的自定义信息窗口中。有没有一种方法或者我应该嗅探并使用它的源路径？

4

1 回答 1

1

您可以像这样嵌入街景全景图，或在信息窗口内容中嵌入截屏图像 ( <img src="...">) 您也可以设置标记visible: false

http://jsfiddle.net/sST8z/

<!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
      html, body { margin: 0; padding: 0; height: 100% }
      #map_canvas { margin: 0; padding: 0; width: 500px; height: 300px }
      #street { margin: 0; padding: 0; width: 150px; height: 150px }

    </style>
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript">
      var map;
      var mapOptions = { center: new google.maps.LatLng(0.0, 0.0), zoom: 2,
        mapTypeId: google.maps.MapTypeId.ROADMAP };

      function initialize() {
        map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
        street = new google.maps.StreetViewPanorama(document.getElementById("street"), { 

        position: new google.maps.LatLng(40.72982797782924, -73.98622512817383),
        zoomControl: false,
        enableCloseButton: false,
        addressControl: false,
        panControl: false,
        linksControl: false
      });


      var infow = new google.maps.InfoWindow({ content: document.getElementById("street") });
      var myLatLng = new google.maps.LatLng(40.72982797782924, -73.98622512817383);
      var marker = new google.maps.Marker({ position: myLatLng, map: map, visible: true });

      infow.open(map, marker);
      map.setCenter(myLatLng);

      }
      google.maps.event.addDomListener(window, 'load', initialize);
    </script>
  </head>
  <body>
    <div id="street"></div>
    <div id="map_canvas"></div>

  </body>
</html>
于 2012-05-05T22:44:58.123 回答