Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

AngularJS Google Map directive map instance

I'm using http://angular-google-maps.org/ it's nice angular google maps library. But i want use map instance which is loaded not in angularjs context by something like this:

$scope.map = {
events: {
    tilesloaded: function (map) {
            $scope.$apply(function () {
                $scope.mapInstance = map;           
            });
        }
    }
}

Ok nice i have mapInstance and I CAN use it programmatically. But in application lifecycle this fire to late- so in other words I want to load whole directive (and get map instance) before other code- where I just wan't to use other map events.

like image 922
Nicramus Avatar asked Apr 01 '14 13:04

Nicramus


1 Answers

In recently looking up ways to get the map instance from the example on the docs page, I came across this instead:

$scope.map.control.getGMap().

Make sure on your google-maps HTML markup, you have the options attribute set as control="map.control" and an empty object set in your $scope.map object.

$scope.map= { control : {}, ...other map options...};

That empty objects is filled when google map is initiated. I hope this helps and isn't too late.

Enjoy Angular!!!

like image 119
EdwinA Avatar answered Sep 23 '22 22:09

EdwinA