Google Places API-附近的搜索(离子2)

Question

我当前已经将Google Maps API集成了我的应用中，还希望包括Google Places（https://develovelers.google.com/maps/maps/documentation/javascript/javascript/examplect/place/place-搜索）。我已经达到了地理位置，但是从那时起，我有点迷路了。我想在附近寻找"超市"，但我正在努力将其转换为打字稿/Angular。

我目前拥有的代码启用geolocation是

loadmap（）{

Geolocation.getCurrentPosition().then((position) => {
  let latLng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
  let mapOptions = {
    center: latLng,
    zoom: 15,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  }
  this.map = new google.maps.Map(this.mapElement.nativeElement, mapOptions);
 }, (err) => {
   console.log(err);
 }); 
}
addMarker(){
 let marker = new google.maps.Marker({
   map: this.map,
   animation: google.maps.Animation.DROP,
   position: this.map.getCenter()
 });
 let content = "<h4>You are here!</h4>";          
 this.addInfoWindow(marker, content);
}
addInfoWindow(marker, content){
 let infoWindow = new google.maps.InfoWindow({
   content: content
 });
 google.maps.event.addListener(marker, 'click', () => {
   infoWindow.open(this.map, marker);
 });
}

如果某人可以帮助我集成/将API集成到我当前的代码中，这将是高度赞赏的。

Answer 1

我认为本文将为您提供帮助。https://ampersandacademy.com/tutorials/ionic-framework-version-2/google-map-places-search-api-example。

它使用打字稿Google Map库。

 npm install @types/googlemaps --save-dev

搜索位置使用

new google.maps.places.AutocompleteService();