角度2-google-mapsを使用しています。
角と緯度から国とピンのような住所を取得するには、angularc2のgoogle mapsでtypescriptを使用しますか?無料アプリ/ウェブサイトのための使用のためのhttps://developers.google.com/maps/documentation/geocoding/intro角度2の緯度、経度から完全なアドレスを取得する方法
その自由:
角度2-google-mapsを使用しています。
角と緯度から国とピンのような住所を取得するには、angularc2のgoogle mapsでtypescriptを使用しますか?無料アプリ/ウェブサイトのための使用のためのhttps://developers.google.com/maps/documentation/geocoding/intro角度2の緯度、経度から完全なアドレスを取得する方法
その自由:
Googleマップは、これを行うために利用可能なAPIを持っています。あなたが何かを行うことができますsebm-google-mapを使用
:declare var google: any;
そして:
mapClicked($event: MouseEvent) {
this.marker.lat = $event.coords.lat;
this.marker.lng = $event.coords.lng;
this.getGeoLocation(this.marker.lat, this.marker.lng);
console.log("Lat: " +this.marker.lat +" Long: " +this.marker.lng)
}
コンポーネント/ HTML:
getGeoLocation(lat: number, lng: number) {
if (navigator.geolocation) {
let geocoder = new google.maps.Geocoder();
let latlng = new google.maps.LatLng(lat, lng);
let request = { latLng: latlng };
geocoder.geocode(request, (results, status) => {
if (status == google.maps.GeocoderStatus.OK) {
let result = results[0];
let rsltAdrComponent = result.address_components;
let resultLength = rsltAdrComponent.length;
if (result != null) {
this.marker.buildingNum = rsltAdrComponent[resultLength-8].short_name;
this.marker.streetName = rsltAdrComponent[resultLength-7].short_name;
} else {
alert("No address available!");
}
}
});
}
}
を*を使用すると、グローバルgoogle
オブジェクトを公開していることを確認します
<sebm-google-map [latitude]="marker.lat || centerLat" [longitude]="marker.lng || centerLng" [zoom]="8" (mapClick)="mapClicked($event)">
<sebm-google-map-marker *ngIf="marker.lat" (markerClick)="clickedMarker(marker.label)" [latitude]="marker.lat" [longitude]="marker.lng" [markerDraggable]="marker.draggable" (dragEnd)="markerDragEnd(marker, $event)">
<sebm-google-map-info-window [disableAutoPan]="true">
{{marker.label}}
</sebm-google-map-info-window>
</sebm-google-map-marker>
</sebm-google-map>
これは役立つかもしれないhttp://stackoverflow.com/a/23344822/217408もしあなたが試したことを示しているコードを追加してください。 –