Source: services/street_view.js

  1. /**
  2.  * @ngdoc service
  3.  * @name StreetView
  4.  * @description
  5.  *  Provides [defered/promise API](https://docs.angularjs.org/api/ng/service/$q) service 
  6.  *  for [Google StreetViewService](https://developers.google.com/maps/documentation/javascript/streetview)
  7.  */
  8. /* global google */
  9. (function() {
  10.   'use strict';
  12.   var StreetView = function($q) {
  14.     /**
  15.      * Retrieves panorama id from the given map (and or position)
  16.      * @memberof StreetView
  17.      * @param {map} map Google map instance
  18.      * @param {LatLng} latlng Google LatLng instance  
  19.      *   default: the center of the map
  20.      * @example
  21.      *   StreetView.getPanorama(map).then(function(panoId) {
  22.      *     $scope.panoId = panoId;
  23.      *   });
  24.      * @returns {HttpPromise} Future object
  25.      */
  26.     var getPanorama = function(map, latlng) {
  27.       latlng = latlng || map.getCenter();
  28.       var deferred = $q.defer();
  29.       var svs = new google.maps.StreetViewService();
  30.       svs.getPanoramaByLocation( (latlng||map.getCenter), 100, function (data, status) {
  31.         // if streetView available
  32.         if (status === google.maps.StreetViewStatus.OK) {
  33.           deferred.resolve(data.location.pano);
  34.         } else {
  35.           // no street view available in this range, or some error occurred
  36.           deferred.resolve(false);
  37.           //deferred.reject('Geocoder failed due to: '+ status);
  38.         }
  39.       });
  40.       return deferred.promise;
  41.     };
  43.     /**
  44.      * Set panorama view on the given map with the panorama id
  45.      * @memberof StreetView
  46.      * @param {map} map Google map instance
  47.      * @param {String} panoId Panorama id fro getPanorama method
  48.      * @example
  49.      *   StreetView.setPanorama(map, panoId);
  50.      */
  51.     var setPanorama = function(map, panoId) {
  52.       var svp = new google.maps.StreetViewPanorama(map.getDiv(), {enableCloseButton: true});
  53.       svp.setPano(panoId);
  54.     };
  56.     return {
  57.       getPanorama: getPanorama,
  58.       setPanorama: setPanorama
  59.     }; // return
  61.   };
  63.   angular.module('ngMap').service('StreetView', ['$q', StreetView]);
  64. })();