小编Yuu*_*Yuu的帖子

在Angular 2 Google地图(AGM Core)中获取当前位置的最简单方法

这个问题可能有重复的内容,或者其他一些问题已经回答了我想要的答案,但是我还是会问。.这是一个非常基本的问题,但是我也想要最简单的方法

我想做的是获取执行我的应用程序的设备的当前位置。.我已经看到了使用地理位置的其他答案,但是我不太了解如何将其实现到AGM,因为我对Ionic还是很陌生和棱角分明,我想知道是否可能有更简单的方法来实现这一目标...

您的回答将受到高度赞赏

这是我的代码:HTML

  <ion-header>

  <ion-navbar>
    <ion-title>viewmapings</ion-title>
    <ion-buttons end>
      <button ion-button (click)="onClose()">Close</button>
    </ion-buttons>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <agm-map 
   [latitude]="lat"
   [longitude]="lng" 
   (mapClick)="onClickLoc($event)"
   [disableDoubleClickZoom] = "true"
   [streetViewControl] = "false"
    [zoom]="15">

    <agm-marker
     [latitude]="clickedLat" 
     [longitude]="clickedLng" 
     *ngIf="selected">
     <agm-info-window>Lat: {{clickedLat}} <br> Lng: {{clickedLng}}</agm-info-window>
    </agm-marker>

  </agm-map>
</ion-content>
Run Code Online (Sandbox Code Playgroud)

SCSS:

page-viewmapings {
    agm-map{
        height: 100%;
    }
}
Run Code Online (Sandbox Code Playgroud)

TS:

import { Component } from '@angular/core';
import { IonicPage, NavController, ViewController } from 'ionic-angular';


@IonicPage()
@Component({
  selector: 'page-viewmapings',
  templateUrl: 'viewmapings.html',
})
export class ViewmapingsPage {

  lat: number = 51.678418;
  lng: number …
Run Code Online (Sandbox Code Playgroud)

ionic-framework angular2-google-maps

4
推荐指数
1
解决办法
4351
查看次数