2017-09-12 10 views
1

に表示私は私の角度4 application.howにGoogleマップを使用したい私は、ユーザーの位置を取得し、地図上に表示することができ、ユーザーがユーザーを取得するには、それらの位置は、ユーザの位置を取得し、角度マップ

+0

あなたがこれまでに試してみました何を? –

+0

私はこのリンクを訪問します:https://angular-maps.com/ しかし私は私の答えを見つけることができません –

+0

NPMで利用できるパッケージがもう少しあります。確認してください。 –

答えて

-2

を変更したときも、アドレスを検出します場所私はこの事をあなたが( http://brijumaquio.xyz/2017/12/12/angular-display-current-location-using-google-map/)、あなたがあなたの場所を変更したときにアドレスを検出することができます観測を使用して助けを見つける。

リンクは、コードに見える作業ins't場合: mycomponent.ts

import { Component } from '@angular/core'; 
import {HttpClient} from '@angular/common/http'; 
@Component({ 
    selector: 'my-app', 
    templateUrl: './app.component.html', 
    styleUrls: [ './app.component.css' ] 
}) 
export class AppComponent { 
    name = 'Angular 5'; 
    lat:any; 
    lng:any; 
    constructor(){ 
    if (navigator) 
    { 
    navigator.geolocation.getCurrentPosition(pos => { 
     this.lng = +pos.coords.longitude; 
     this.lat = +pos.coords.latitude; 
     }); 
    } 
    } 
} 

myComponent.html

<agm-map [latitude]="lat" [longitude]="lng"> 
     <agm-marker [latitude]="lat" 
      [longitude]="lng"></agm-marker> 
</agm-map> 
+1

ソリューションへのリンクは歓迎しますが、あなたの答えが役に立つものであることを確認してください:[リンクの前後にコンテキストを追加する](// meta.stackexchange.com/a/8259)あなたの仲間のユーザーは、なぜそれがあるのか​​、ターゲットページが利用できない場合にリンクしているページの最も関連性の高い部分を引用します。 [リンクより少しだけ回答が削除される可能性があります。](// stackoverflow.com/help/deleted-answers) – LW001

+0

私はそれを今編集しました。フィードバックは@ LW001です。 – JuanFilippo

関連する問題