File: examples/streetviewpanorama.html

Recommend this page to a friend!
  Classes of Jean-Baptiste DEMONTE  >  Angular Google Maps Native  >  examples/streetviewpanorama.html  >  Download  
File: examples/streetviewpanorama.html
Role: Example script
Content type: text/plain
Description: Documentation
Class: Angular Google Maps Native
Add AngularJS directives to render GoogleMaps
Author: By
Last change: Update of examples/streetviewpanorama.html
Date: 5 months ago
Size: 979 bytes


Class file image Download
<!DOCTYPE html>
<html ng-app="MyApp">
<head lang="en">
  <meta charset="UTF-8">
  <link rel="stylesheet" type="text/css" href="assets/style.css">
  <script src=""></script>
  <script src="../dist/angular-google-maps-native.min.js"></script>
    angular.module('MyApp', ['GoogleMapsNative']);
<body ng-init="data = {}">
<div class="panel">
  <div class="item">
      <input type="checkbox" ng-model="showStreetViewPanorama"> Show the streetViewPanorama

  <gm-map options="{center: [42.345573,-71.098326], zoom: 4, mapTypeId: google.maps.MapTypeId.ROADMAP}" gm-then=" = map"></gm-map>

  <br />

  <gm-streetviewpanorama ng-show="showStreetViewPanorama" position="" options="{pov: {heading: 34, pitch: 10, zoom: 1}}" gm-then=""></gm-streetviewpanorama>