从另一个函数传递LatLng变量到谷歌地图初始化

Question

我有一个firebase数据库，我可以检索经度和纬度值并将其包裹为var coords。

function getCoords() { 
    var place_data= firebase.database().ref("/place/name"); 

    place_data.once('value').then(function(snapshot) { 

    var longitude = snapshot.child("Event_long").val(); 
    var latitude = snapshot.child("Event_lat").val(); 
    var coords = new google.maps.LatLng(latitude, longitude); 
    alert(coords); //i get (43.6672568, -79.4000838) as alert// 
}); 
} 

这是谷歌地图初始化。

function initializeMap() { 
var iconBase = {url:'/images/wing.pin.png'}; 


var map = new google.maps.Map(document.getElementById('map'), { 
zoom: 15, 
center: coords, 
mapTypeId: 'satellite' 
}); 

marker = new google.maps.Marker({ 
icon: iconBase, 
map: map, 
draggable: true, 
animation: google.maps.Animation.DROP, 
position: coords 
}); 
marker.addListener('click', toggleBounce); 
} 

我只是需要函数initializeMap来读var'coords'。我试过把'coords'作为全局变量，试图在其他函数中包含getCoords函数。他们似乎没有阅读。任何有效的方法来做到这一点？

Answer 1

必须调用函数。

修改你的函数纬度/长返回给调用者...

function getCoords() { 
    var place_data= firebase.database().ref("/place/name"); 

    place_data.once('value').then(function(snapshot) { 

    var longitude = snapshot.child("Event_long").val(); 
    var latitude = snapshot.child("Event_lat").val(); 
    return new google.maps.LatLng(latitude, longitude); //modified this line 
}); 
} 

这里称之为...

function initializeMap() { 
var iconBase = {url:'/images/wing.pin.png'}; 
var coords = getCoords(); // called here 

var map = new google.maps.Map(document.getElementById('map'), { 
zoom: 15, 
center: coords, 
mapTypeId: 'satellite' 
}); 

marker = new google.maps.Marker({ 
icon: iconBase, 
map: map, 
draggable: true, 
animation: google.maps.Animation.DROP, 
position: coords 
}); 
marker.addListener('click', toggleBounce); 
} 

Answer 2

我能得到通过传递我想要的纬度和经度作为初始化图函数中的参数如下：

function getCoords() { 
var plae_data= firebase.database().ref("/place/name"); 

place_data.once('value').then(function(snapshot) { 

var longitude = snapshot.child("Event_long").val(); 
var latitude = snapshot.child("Event_lat").val(); 
var coords = new google.maps.LatLng(latitude, longitude); 

initializeMap(latitude, longitude); 
}); 

} 


    //Load Map in Summary Tab// 
    function initializeMap(latitude,longitude) { 
    var iconBase = {url:'/images/wing.pin.png'}; 


    var map = new google.maps.Map(document.getElementById('map'), { 
    zoom: 17, 
    center: new google.maps.LatLng(latitude, longitude), 
    mapTypeId: 'roadmap' 
    }); 

    marker = new google.maps.Marker({ 
    icon: iconBase, 
    map: map, 
    draggable: true, 
    animation: google.maps.Animation.DROP, 
    position: new google.maps.LatLng(latitude, longitude) 
    }); 
    marker.addListener('click', toggleBounce); 
    }