Google Maps StreetView from Address

前端 未结 1 1220
天命终不由人
天命终不由人 2020-12-17 04:56

When you go to Google Maps web mapping service and search for an address, say \"666 5th avenue, New York, NY 10019\" you will be served a map with a marker showing the locat

相关标签:
1条回答
  • 2020-12-17 05:16

    Using the code from this answer to the question: Request main road StreetView panoramas instead of back alleys from API with your "example" address of "666 5th avenue, New York, NY 10019" gives me the same result I get on Google Maps.

    code snippet:

    var sv = new google.maps.StreetViewService();
    var geocoder = new google.maps.Geocoder();
    var directionsService = new google.maps.DirectionsService();
    var panorama;
    var address = "666 5th avenue, New York, NY 10019";
    var myLatLng;
    
    function initialize() {
    
      panorama = new google.maps.StreetViewPanorama(document.getElementById("pano"));
    
      geocoder.geocode({
        'address': address
      }, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
          myLatLng = results[0].geometry.location;
    
          // find a Streetview location on the road
          var request = {
            origin: address,
            destination: address,
            travelMode: google.maps.DirectionsTravelMode.DRIVING
          };
          directionsService.route(request, directionsCallback);
        } else {
          alert("Geocode was not successful for the following reason: " + status);
        }
      });
    }
    google.maps.event.addDomListener(window, 'load', initialize);
    
    function processSVData(data, status) {
      if (status == google.maps.StreetViewStatus.OK) {
    
        panorama.setPano(data.location.pano);
    
        var heading = google.maps.geometry.spherical.computeHeading(data.location.latLng, myLatLng);
        panorama.setPov({
          heading: heading,
          pitch: 0,
          zoom: 1
        });
        panorama.setVisible(true);
    
      } else {
        alert("Street View data not found for this location.");
      }
    }
    
    function directionsCallback(response, status) {
      if (status == google.maps.DirectionsStatus.OK) {
        var latlng = response.routes[0].legs[0].start_location;
        sv.getPanoramaByLocation(latlng, 50, processSVData);
      } else {
        alert("Directions service not successfull for the following reason:" + status);
      }
    }
    <script src="https://maps.googleapis.com/maps/api/js?libraries=geometry"></script>
    <div id="pano" style="width: 425px; height: 400px;float:left"></div>

    0 讨论(0)
提交回复
热议问题