AngularJS Google Map directive map instance

Question

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.

Jessedc · Accepted Answer · 2015-11-29 07:37:04Z

26

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!!!

edited Nov 29, 2015 at 7:37

Jessedc

12.5k4 gold badges54 silver badges63 bronze badges

answered May 15, 2014 at 23:52

EdwinA

2763 silver badges3 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

sgimeno Over a year ago

How do you promisify the map loading to ensure you don't try to render markers before for instance?

Derek Over a year ago

I'm not sure this is best practice, but im using $timeout,0 pattern to ensure that the map is actually instantiated (not necessarily tiles loaded) before referencing map.control.

Olga Gnatenko Over a year ago

I used the following code to ensure that map was instantiated: uiGmapGoogleMapApi.then(function() {// your code here}). Angular-google-maps also have IsReady service in their API

T.Coutlakis Over a year ago

@OlgaGnatenko, Please explain how you get the map object from that function.

Collectives™ on Stack Overflow

AngularJS Google Map directive map instance

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related