Google Places API - 附近搜索（Ionic 2）

Question

我目前已将Google地图API集成到了我的应用中，并且还希望包含Google地点（https://developers.google.com/maps/documentation/javascript/examples/place-search）。我已经得到了地理位置，但从那时起，我有点失落。我想在附近搜索“超市”，但我正在努力将其转换为Typescript/angular。

的代码我现在有，使地理位置是

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。

它使用打字稿谷歌地图库。

npm install @types/googlemaps --save-dev 

要搜索的位置使用

new google.maps.places.AutocompleteService();