added street-view-panorama example

Author: Paul Bulai

app/views/examples/base/template.html

@@ -13,4 +13,4 @@
     <div style="width:100%; height: 350px; padding:4px;">
         <iframe style="width: 100%; height: 100%"></iframe>
     </div>
-</div>
+</div>

app/views/examples/street-view/index.html

@@ -0,0 +1,17 @@
+<div ng-controller="ctrl">
+    <ui-gmap-google-map id="map"
+                       center="map.center"
+                       pan="map.pan"
+                       zoom="map.zoom"
+                       refresh="map.refresh"
+                       options="map.options"
+                       events="map.events"
+                       bounds="map.bounds">
+
+        <ui-gmap-marker idKey='map.id' coords="map.marker" >
+            <ui-gmap-window templateUrl="'street-view-window.html'" templateParameter="map.marker">
+            </ui-gmap-window>
+        </ui-gmap-marker>
+
+    </ui-gmap-google-map>
+</div>

app/views/examples/street-view/manifest.json

@@ -0,0 +1,4 @@
+{
+    "name": "street-view-panorama",
+    "files": ["index.html", "street-view-window.html", "script.js", "../base/plnkr.html"]
+}

app/views/examples/street-view/script.js

@@ -0,0 +1,32 @@
+angular.module('appMaps', ['uiGmapgoogle-maps'])
+.controller('ctrl', ['$scope', "uiGmapLogger", "uiGmapGoogleMapApi", "$http",
+  function ($scope, $log, uiGmapGoogleMapApi, $http) {
+    $scope.map = {
+      id: 1,
+      center: {
+        latitude: 38.889484,
+        longitude: -77.035279
+      },
+      zoom: 16,
+      refresh: false,
+      events: {},
+      bounds: {},
+      draw: undefined
+    };
+    $scope.map.marker = _.extend({}, $scope.map.center);
+}])
+.controller('PanCtrl',function(){
+
+})
+.controller('WinController', function ($scope, $log) {
+
+    $scope.getParam = function(){
+      return $scope.parameter;
+    };
+
+    $scope.streetViewEvents = {
+      image_status_changed:function(gObject,eventName,model,status){
+        $log.info("status street: " + status);
+      }
+    };
+});;

app/views/examples/street-view/street-view-window.html

@@ -0,0 +1,4 @@
+<div ng-controller="WinController">
+    <ui-gmap-street-view-panorama focalCoord="parameter" radius="50" events="streetViewEvents">
+    </ui-gmap-street-view-panorama>
+</div>