谷歌地图不适用于Android模拟器离子框架(navigator.geolocation.getCurrentPosition)

时间:2015-06-01 14:45:48

标签: javascript android google-maps android-emulator ionic-framework

我的应用在浏览器上工作正常,但不会在模拟器上呈现谷歌地图。 这个应用程序是基于一个现有的应用程序已经有一个谷歌地图在模拟器(和设备)上正常工作 我认为因为navigator.geolocation.getCurrentPosition没有触发。 我用。编辑了AndroidManifest.xml 但我仍然有这个问题。 这是我的控制者:



.controller('MapsCtrl', function($scope, Service, $ionicLoading, $ionicPopup, $compile) {
    $ionicLoading.show();
    Service.getSedi().then(function(result){
        var sede = result.data[0];
        navigator.geolocation.getCurrentPosition(function(pos){
            var myPosition = new google.maps.LatLng(pos.coords.latitude,pos.coords.longitude);
            var map = new GMaps({
                div: '#maps',
                lat: pos.coords.latitude,
                lng: pos.coords.longitude
            });
            map.addMarker({
                lat: sede.indirizzo.lat,
                lng: sede.indirizzo.lng,
                title: sede.titolo,
                infoWindow: {
                    content: '<h3>' + sede.titolo+ '</h3><p style="color:black">' + sede.indirizzo.address +'</p>'
                }
            });
            //reverse geocoding (from coordinates get human readable address)
            var geocoder = new google.maps.Geocoder();
            var opt = {
                lat : pos.coords.latitude,
                lng : pos.coords.longitude,
                callback : function(results, status) {
                    if (status == google.maps.GeocoderStatus.OK) {
                        console.log(results[1].formatted_address + ' ' + myPosition);
                        map.addMarker({
                            position: myPosition,
                            infoWindow:{
                                content: '<h3>Estas aquí</h3><p style="color:black">' + results[1].formatted_address + '</p>'
                            }
                        });
                    }
                }
            };
            GMaps.geocode(opt);
            //end reverse geocoding
            map.drawRoute({
                origin: [pos.coords.latitude,pos.coords.longitude],
                destination:[sede.indirizzo.lat,sede.indirizzo.lng],
                travelMode: 'driving',
                strokeColor: '#131540',
                strokeOpacity: 0.6,
                strokeWeight: 6
            });

            //search places
            var arrayId = [];
            map.addLayer('places', {
                location : new google.maps.LatLng(pos.coords.latitude,pos.coords.longitude),
                radius : 600,
                types : ['cafe', 'bar', 'food'],
                search: function (results, status) {
                    if (status == google.maps.places.PlacesServiceStatus.OK) {
                        for (var i = 0; i < results.length; i++) {
                            var place = results[i];
                            //here I can use place.place_id
                            arrayId.push(place.place_id);
                            map.addMarker({
                                lat: place.geometry.location.lat(),
                                lng: place.geometry.location.lng(),
                                title : place.name,
                                infoWindow : {
                                    content : '<h3>'+place.name+'</h3><p style="color:black">'+(place.vicinity ? place.vicinity : place.formatted_address)+'</p><img src="'+place.icon+'"" height="20px"/>'
                                }
                            });
                        }
                    }
                }
            });
            //map.zoomOut(5);
            //Creo el div y los botones
            var node = document.createElement("div");
            var text = document.createTextNode("ACA VAN LOS BOTONES");
            node.appendChild(text);
            node.setAttribute("id", "mapBottom");
            document.getElementById("maps").appendChild(node);
        },function(error){
           $ionicPopup.alert({
               title: 'Error',
               template: 'code: '    + error.code    + '\n' + 'message: ' + error.message + '\n'
           });
        });
        $ionicLoading.hide();
    },function(){
        $ionicLoading.hide();
        $ionicPopup.alert({
            title : "Error",
            template : "Server Error!<br>Restart Application!"
        });
    });
})
&#13;
&#13;
&#13;

有什么想法吗? 提前谢谢!

1 个答案:

答案 0 :(得分:0)

这是因为模拟器没有GPS,无法像在GPS设备中看到的那样进行实时更新。

有一些方法可以在模拟器中测试应用程序的地理空间功能的行为。你必须为它做一些工作。

以下是一些参考资料:

通过Telnet连接Android连接仿真器。 (有用Answer