<!DOCTYPE html>
<html ng-app="ngMap">
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script src="https://maps.google.com/maps/api/js?libraries=placeses,visualization,drawing,geometry,places"></script>
<script src="https://code.angularjs.org/1.3.15/angular.js"></script>
<script src="https://rawgit.com/allenhwkim/angularjs-google-maps/master/build/scripts/ng-map.js"></script>
<script>
angular.module('ngMap').controller('MyCtrl', ['NgMap',function(NgMap) {
vm = this;
NgMap.getMap().then(function(map) {
vm.map = map;
})
vm.lat = 37.18, vm.lng = -112.99;
vm.zoom = 12;
}]);
</script>
</head>
<body ng-controller="MyCtrl as vm">
<ng-map center="[{{vm.lat}}, {{vm.lng}}]" zoom="{{vm.zoom}}" map-options="vm.options"></ng-map>
<br/>Latigude : <input type="number" ng-model="vm.lat" />
<br/>Longitude : <input type="number" ng-model="vm.lng" />
<br/>zoom : <input type="number" ng-model="vm.zoom" />
<br/><button ng-click="vm.map.setOptions({draggable:false})"> drag </button>
</body>
</html>