How to get access to object in JavaScript?

Question

I have function that is called after full loading of page. This function create Google Map object:

function initMap() {
var map = new google.maps.Map(mapDiv, {
            center: {lat: 0, lng: 0},
            zoom: 5,
            mapTypeId: 'roadmap'
        });
}

Below this function there is method click:

$(function() {
    $( ".click" ).click(function() {
        // How to get instance map here?
    });
});

How I can get access to object var map in $( ".click" )

Zakaria Acharki · Accepted Answer · 2016-06-02 09:37:57Z

3

You could add return statement to your function initMap() :

function initMap() {
    var map = new google.maps.Map(mapDiv, {
        center: {lat: 0, lng: 0},
        zoom: 5,
        mapTypeId: 'roadmap'
    });

    return map;
}

$(function() {
    var map = initMap();

    $( ".click" ).click(function() {
         // use map here
     });
});

Hope this helps.

edited Jun 2, 2016 at 9:37

answered Jun 2, 2016 at 9:34

Zakaria Acharki

67.5k15 gold badges79 silver badges106 bronze badges

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

6 Comments

Huligan Over a year ago

I can not initialize several time initMap(), because this function is called automatically when page loaded.

Zakaria Acharki Over a year ago

What you mean by because this function is called automatically when page loaded.? from where?

Huligan Over a year ago

When I call init again, it reloads map, this is problem

Zakaria Acharki Over a year ago

From where you call init the first time ?

Huligan Over a year ago

From <script src...>

|

weigreen · Accepted Answer · 2016-06-02 09:40:45Z

1

You can put var outside the function:

var map;

function initMap() {
    map = new google.maps.Map(mapDiv, {
        center: {lat: 0, lng: 0},
        zoom: 5,
        mapTypeId: 'roadmap'
    });
}

$(function() {
    $( ".click" ).click(function() {
        map // you can access map here :)

    });
});

If you need to check is map have been init, check is map == undefined or not.

Reference: https://developers.google.com/maps/documentation/javascript/examples/polyline-complex

answered Jun 2, 2016 at 9:40

weigreen

1,2178 silver badges13 bronze badges

Collectives™ on Stack Overflow

How to get access to object in JavaScript?

2 Answers 2

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related