JSFiddle - React, Tailwind, and code Playground

by amirali roshanaei

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.js"></script>
<script src="//rawgit.com/allenhwkim/angularjs-google-maps/master/build/scripts/ng-map.js"></script>
<script src="//maps.google.com/maps/api/js"></script>
<map center="current-location" zoom="15" on-center-changed="centerChanged()">
    <marker></marker>
</map>

JavaScript

angular.module('gma', ['ngMap']).controller('main', ['$scope', function ($scope) {
    var marker, map;
    $scope.$on('mapInitialized', function (evt, evtMap) {
        map = evtMap;
        console.log(map.getCenter());
        marker = map.markers[0];
        marker.setPosition(map.getCenter());
    });
    $scope.centerChanged = function () {
        console.log(map.getCenter());
        marker.setPosition(map.getCenter());
    };
}]);