ich die ng-map api in meinem Projekt verwenden, aber ich bin jetzt stecken, weil ich versuche, eine Suchfunktion zu finden, wo ich zum Beispiel der Tankstellen um eine bestimmten Koordinaten lokalisieren kann, aber ich kann nicht finden, Es könnte also jemand mir helfen und mich leiten, ob ich mit dieser Bibliothek fortfahren soll oder nicht.Winkel Google Maps fehlt für Suchfunktion
0
A
Antwort
2
Sie könnten PlacesService.nearbySearch
function von Google Places API verwenden, die:
eine Liste von Orten Ruft in der Nähe von einem bestimmten Ort, basierend auf Schlüsselwörter oder Typ.
Das folgende Beispiel zeigt, wie und Anzeige Tankstellen in einem gewissen Radius finden:
angular.module('mapApp', ['ngMap'])
.controller('mapController', function ($scope, NgMap, $http) {
$scope.location = [59.3260668,17.8419725];
NgMap.getMap().then(function (map) {
$scope.map = map;
var service = new google.maps.places.PlacesService($scope.map);
var request = {
location: new google.maps.LatLng($scope.location[0], $scope.location[1]),
radius: '10000',
types: ['gas_station']
};
service.nearbySearch(request, $scope.displayResults);
});
$scope.gasStations = [];
$scope.displayResults = function (results, status) {
if (status == google.maps.places.PlacesServiceStatus.OK) {
$scope.$apply(function() {
$scope.gasStations = results.map(function (item) {
return {
id: item.id, name: item.name, pos: [item.geometry.location.lat(), item.geometry.location.lng()]
};
});
});
}
};
});
<script src="https://code.angularjs.org/1.4.8/angular.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?libraries=places"></script>
<script src="https://rawgit.com/allenhwkim/angularjs-google-maps/master/build/scripts/ng-map.js"></script>
<div ng-app="mapApp" ng-controller="mapController">
<ng-map default-style="true" zoom="11" center="{{location}}">
<marker ng-repeat="gs in gasStations" position="{{gs.pos}}" title="{{gs.name}}" id="{{gs.id}}">
</marker>
</ng-map>
</div>
Verwandte Themen
- 1. Arbeitsbeispiel der Winkel-google-maps Suchfunktion
- 2. Suchfunktion für Google Maps mit Fehlern (Android Studios)
- 3. Winkel Google Maps Polylinie Koordinaten aus Datenbank
- 4. Finden Sie Entfernung in Google Maps Winkel
- 5. Winkel Google Maps API-Schlüssel nicht
- 6. Google Maps in Ionic + Winkel 2
- 7. Winkel-google-maps - hören für Infofenster domready Ereignis
- 8. Adressformat für Google Maps
- 9. Mautgebühren für Google Maps?
- 10. Google Maps für Cordova
- 11. Suchfunktion zu bestehender Google Map hinzufügen
- 12. Google Maps Distance Matrix Sprachspezifikation für Google Maps JavaScript API
- 13. Get Polygon-Objekt auf Polygon-Klick Winkel 2 Google Maps
- 14. "Country" -Eigenschaft fehlt in GMSAutocompleteFilter von Google Maps iOS SDK
- 15. Typoskript Logik Problem mit Winkel 2 und Google Maps api
- 16. Benutzerdefinierte Infofenster für Google Maps?
- 17. Google Maps Text für Kreise
- 18. Mauszeiger für Google Maps Overlays
- 19. Thema Google Maps für Android
- 20. Suchfunktion für Bilder
- 21. Mittelpunktmarkierung in Google Maps
- 22. Angular google Maps vs. ngMap
- 23. Google Maps APIv3 Höhenauflösung
- 24. Google Maps API ändern?
- 25. Mit der Suchfunktion in Google-Skripten array
- 26. RangeError, Google Maps Wegbeschreibungen Dienst. angular2, SebastianM/angular2-google-maps
- 27. CSS: Google Maps Tilt View?
- 28. Best .NET Wrapper für Google Maps oder Yahoo Maps?
- 29. google-services.json fehlt
- 30. Für Winkel Google Maps anzeigen möchte ich meine Scope-Funktion, sobald die Polygonzeichnungs