ngmap
Version:
The Simplest AngularJS Google Maps V3 Directive
26 lines (23 loc) • 698 B
HTML
<html ng-app="myApp">
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script src="script-tags-for-development.js"></script>
<script>
var app = angular.module('myApp', ['ngMap']);
app.controller('EventDomListenerController', function($window) {
var vm = this;
vm.showAlert = function() {
$window.alert('DIV clicked');
}
});
</script>
</head>
<body ng-controller="EventDomListenerController as vm">
We add a DOM event here to show an alert if the DIV containing the map is clicked.
<br/>
Click the map to see the alert.
<ng-map zoom="4" center="-34.397, 150.644" on-click="vm.showAlert()">
</ng-map>
</body>
</html>