File: examples/infowindow.html

Recommend this page to a friend!
  Classes of Jean-Baptiste DEMONTE  >  Angular Google Maps Native  >  examples/infowindow.html  >  Download  
File: examples/infowindow.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/infowindow.html
Date: 1 month ago
Size: 1,396 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>
  <script src="assets/tools.js"></script>
    angular.module('MyApp', ['GoogleMapsNative', 'ExampleTools'])

        .controller('MyCtrl', function ($scope, console) {
          $scope.console = console;

<body ng-controller="MyCtrl" ng-init="showInfo=true">
  <div class="panel">
    <div class="item">
        <input type="checkbox" ng-model="showInfo"> Show the infowindow

  <gm-map options="{center: [40.780, -73.967], zoom: 9}">

    <gm-marker options="{position:  [40.750, -73], draggable: true}">
          options="{content: 'Hello World from marker!'}"
          on-closeclick="console.log('closed #1')"

        options="{content: 'Hello World from map!', position:  [40.73685214795608,-74.3060302734375]}"
        on-closeclick="console.log('closed #2')"