Google Places API - Suche in der Nähe (Ionic 2)

Question

Ich habe derzeit die Google Maps API in meine App integriert und möchte auch Google Orte hinzufügen (https://developers.google.com/maps/documentation/javascript/examples/place-search). Ich bin bis zur Geolocation gekommen, aber von da an bin ich irgendwie verloren. Ich möchte in der Nähe nach "Supermärkten" suchen, aber ich habe Schwierigkeiten damit, es in Typescript/eckig umzuwandeln.

Der Code Ich habe derzeit das ermöglicht Geolocation ist

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); 
}); 
} 

Wenn jemand könnte mir die Orte api in meinem aktuellen Code helfen zu integrieren/konvertieren, die geschätzt werden sehr würde.

Answer 1

Ich denke, dieser Artikel wird Ihnen helfen. https://ampersandacademy.com/tutorials/ionic-framework-version-2/google-map-places-search-api-example.

Es verwendet die Google Maps-Typoskript-Bibliothek.

npm install @types/googlemaps --save-dev 

Zur Lage Verwendung

new google.maps.places.AutocompleteService();