Wie bekomme ich Zugang zum Objekt in JavaScript?

Question

Ich habe Funktion, die nach dem vollständigen Laden der Seite aufgerufen wird. Diese Funktion erstellen Objekt Google Map:

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

Unterhalb dieser Funktion gibt es Verfahren click:

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

Wie kann ich mich anmelden kann var map in $(".click")

Answer 1

zum Objekt könnte Sie return-Anweisung legen zum Funktion 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 
    }); 
}); 

Hoffe das hilft.

Answer 2

Sie var außerhalb der Funktion setzen können:

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 :) 

    }); 
}); 

Wenn Sie überprüfen müssen, ist Karte init wurden, ist Check map == undefined oder nicht.

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