Angularjs ngMap google places api получить рядом школы

Я пытаюсь отобразить соседние школы, и я получаю карту для загрузки и не могу размещать маркеры на карте. Мне удалось настроить журнал всех школ на основе его lats & long "console.log (" Школа: "+ place.geometry.location); это работает, но не помещает его в карты / показывает маркеры всех школ ...

Это html

<!-- Map -->
<div class="row">
  <ng-map id="map"></ng-map>
</div>

и это код javascript

angular.module('breazehomeDesktop').controller('LocalScoopCtrl', function($scope, $http, NgMap, Hazard, BASE_URL, NWS) {
  // initialize the map
  var map;
  NgMap.getMap().then(function(map) {
    //$scope.map = map;
    var center = new google.maps.LatLng(25.727542, -80.238216);
    map = new google.maps.Map(document.getElementById('map'), {
      center: center,
      zoom:13
    });

    var service = new google.maps.places.PlacesService(map);
    service.nearbySearch({
      location: center,
      radius: 8000,
      types:['school']
    }, callback);
  });

  function callback (results,status) {
    if(status === google.maps.places.PlacesServiceStatus.OK){
      for(var i=0; i < results.length; i++){
        console.log("Sucessfull google places api call");
        createMarker(results[i]);
      }
    }else{
      console.log("Error connecting to the google places api");
    }
  }

  function createMarker(place) {
    console.log("School: "+place.geometry.location);
    var marker = new google.maps.Marker({
      map: map,
      position: place.geometry.location
    });
  }; 
});

javascript,google-maps,google-maps-markers,google-places-api,

0

Ответов: 0

Angularjs ngMap google places api получить рядом школы

Я пытаюсь отобразить соседние школы, и я получаю карту для загрузки и не могу размещать маркеры на карте. Мне удалось настроить журнал всех школ на основе его lats & long "console.log (" Школа: "+ place.geometry.location); это работает, но не помещает его в карты / показывает маркеры всех школ ...

Это html

<!-- Map -->
<div class="row">
  <ng-map id="map"></ng-map>
</div>

и это код javascript

angular.module('breazehomeDesktop').controller('LocalScoopCtrl', function($scope, $http, NgMap, Hazard, BASE_URL, NWS) {
  // initialize the map
  var map;
  NgMap.getMap().then(function(map) {
    //$scope.map = map;
    var center = new google.maps.LatLng(25.727542, -80.238216);
    map = new google.maps.Map(document.getElementById('map'), {
      center: center,
      zoom:13
    });

    var service = new google.maps.places.PlacesService(map);
    service.nearbySearch({
      location: center,
      radius: 8000,
      types:['school']
    }, callback);
  });

  function callback (results,status) {
    if(status === google.maps.places.PlacesServiceStatus.OK){
      for(var i=0; i < results.length; i++){
        console.log("Sucessfull google places api call");
        createMarker(results[i]);
      }
    }else{
      console.log("Error connecting to the google places api");
    }
  }

  function createMarker(place) {
    console.log("School: "+place.geometry.location);
    var marker = new google.maps.Marker({
      map: map,
      position: place.geometry.location
    });
  }; 
});
00JavaScript, Google-карты, Google-карты-маркеры, Google-мест-апи,
Похожие вопросы