如何在 Google Maps Angular JS 中打开地理位置?

Posted

技术标签:

【中文标题】如何在 Google Maps Angular JS 中打开地理位置?【英文标题】:How to switch on geolocation in Google Maps Angular JS? 【发布时间】:2015-05-19 22:37:56 【问题描述】:

我使用库Angular Google Maps 在文档中,我没有发现任何关于地理位置的信息。我需要使用可选插件吗?如何在这个库中使用地理定位?

【问题讨论】:

图书馆好像没有定位服务。您可能需要一个不同的库,或者尝试使用html5 geolocation。 【参考方案1】:

我用过AngularJS-Geolocation。使用这个库很容易获得地理定位,而没有像 HTTPS 要求这样的安全限制。 (如果您尝试使用window.navigator.geolocation,出于安全原因,它需要HTTPS。)

此模块作为 bower 包提供,使用以下命令安装它:

bower install angularjs-geolocation

这样的用法

angular.module('barterApp',['geolocation'])
  .controller('geoCtrl', function ($scope,geolocation) 
    geolocation.getLocation().then(function(data)
      $scope.coords = lat:data.coords.latitude, long:data.coords.longitude;
    );
);

这是live demo。希望这会有所帮助。

【讨论】:

以上是关于如何在 Google Maps Angular JS 中打开地理位置?的主要内容,如果未能解决你的问题,请参考以下文章

如何更改 Angular Google Maps 组件中的 MapMarker z-index?

如何在 Google Maps Angular JS 中打开地理位置?

angular-google-maps 通过鼠标点击获取 GEO 位置

Angular Google Maps - 在 AGM-MAP 标签和使用 map = new google.maps.Map() 之间创建地图差异

RangeError,谷歌地图方向服务。 angular2, SebastianM/angular2-google-maps

Ionic:新幻灯片(Swiper)+ angular-google-maps 在拖动时会导致灰色空间