0

在 angularjs 控制器内部，我正在注入 dataApi，它成功地将数据从服务器检索到 angularapp。我在谷歌地图中注入该数据（位置经度和纬度）时遇到问题。

我能够将这些检索到的数据记录到控制台，但我再次遇到注入谷歌地图的问题。当使用硬编码的纬度和经度数据时，谷歌地图工作正常。

(function(){
    'use strict';
    angular.module('myApp').controller('MyController', ['dataApi', '$stateParams', MyController]);

    function MyController(dataApi, $stateParams){
        var passedId = Number($stateParams.id);     
        var vm = this;      
        vm.locationId = passedId;
        var lat;

        var details = dataApi.getDetails(passedId).then(function(data) {
                vm.details = JSON.parse(data);      
                lat = vm.details.Latitude;      
                console.log(vm.details.Longitude); // prints to the console     10.897790   
            });
        vm.map = {
            center: {
                //latitude: 48.370545, //harcoded value works               
                latitude: lat,  // this prints error message    : 
                                // angular-google-maps:
                                // could not find a valid center property   
                longitude: 10.897790
            },
            zoom: 13
        };
        vm.marker = {}
    };    
})();

我

4

0 回答 0