Google Places API无法在Ionic应用中使用getCurrentPosition Geolocation

时间:2016-04-11 21:20:43

标签: javascript angularjs ionic-framework geolocation google-places-api

尝试让Google Places API注意到我的位置并应用以下功能。这是非常新的,并且不确定我在下面做错了什么API和所有功能最初工作,但是在我询问了我的位置之后,它显示了我的位置,但没有其他工作/不是&#t; t一起工作。

Cordova Geolocation插件我添加到我的离子应用程序中:

cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-geolocation.git

App.js



app.controller("MapController", function($scope, $ionicLoading) {

  var map;
  var infowindow;
  var request;
  var service;
  var markers = [];

  google.maps.event.addDomListener(window, 'load', function() {

    var center = new google.maps.LatLng(42.3625441, -71.0864435);
    var mapOptions = {
      center:center,
      zoom:16
    };

  map =  new google.maps.Map(document.getElementById('map'), mapOptions);

  navigator.geolocation.getCurrentPosition(function(pos) {
              map.setCenter(new google.maps.LatLng(pos.coords.latitude, pos.coords.longitude));
              var myLocation = new google.maps.Marker({
                  position: new google.maps.LatLng(pos.coords.latitude, pos.coords.longitude),
                  map: map,
                  title: "My Location"
              });
          });

    $scope.map = map;

    request = {
        location: center,
        radius: 1650,
        types: ['bakery', 'bar']
    };

    infowindow = new google.maps.InfoWindow();

    var service = new google.maps.places.PlacesService(map);

    service.nearbySearch(request, callback);

  function callback (results, status) {
    if (status == google.maps.places.PlacesServiceStatus.OK) {
      for (var i = 0; i < results.length; i++) {
        createMarker(results[i]);
      }
    }
  }
  function createMarker(place){
    var placeLoc = place.geometry.location;
    var marker = new google.maps.Marker({
        map: map,
        position: place.geometry.location
    });
    google.maps.event.addListener(marker, 'click', function(){
      infowindow.setContent(place.name);
      infowindow.open(map,this);
    });
  }

});

});
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

获得职位后,您会更新地图的位置,但不会运行新的附近搜索。

所以我想你想在getCurrentPosition回调中调用service.nearbySearch(...)

您可能还希望让附近的搜索回调保留通过createMarker创建的一系列标记,以便您在运行新搜索时将其删除(例如,在每个旧标记上调用marker.setMap(null) )。