Javascript 角型Js&;谷歌地图API地理定位

Javascript 角型Js&;谷歌地图API地理定位,javascript,angularjs,google-maps,google-maps-api-3,geolocation,Javascript,Angularjs,Google Maps,Google Maps Api 3,Geolocation,我在谷歌地图api上找不到一个标记来显示我的地理位置 我正在使用ng控制器ngGeolocation和 当我硬编码标记和地图位置时,我没有遇到任何问题。 但我一换控制器,地图就消失了 非常感谢您的帮助 我的控制器 "严格使用", angular.module('fiveMinCatchupApp') .controller('MainCtrl', function ($scope, uiGmapGoogleMapApi) { var scope = $scope; var lat; var

我在谷歌地图api上找不到一个标记来显示我的地理位置

我正在使用ng控制器ngGeolocation和

当我硬编码标记和地图位置时,我没有遇到任何问题。 但我一换控制器,地图就消失了

非常感谢您的帮助

我的控制器

"严格使用",

angular.module('fiveMinCatchupApp')
.controller('MainCtrl', function ($scope, uiGmapGoogleMapApi) {

var scope = $scope;
var lat; 
var lng

function getLocation() {
navigator.geolocation.getCurrentPosition($scope.showLocation);
};

$scope.showLocation = function(position){
  lat = position.coords.latitude;
  lng = position.coords.longitude;
  $scope.map = {
  center: {
    latitude: position.coords.latitude,
    longitude: position.coords.longitude,
  },
  zoom: 8
}

};

getLocation();
主html

<ui-gmap-google-map center="map.center" zoom="map.zoom">
<ui-gmap-markers 
models='markers'
coords="'coords'"> 
</ui-gmap-markers>
</ui-gmap-google-map>

HTML


来自约曼队

!函数(A,n,g,u,l,A,r){A.GoogleAnalyticsObject=l,A[l]=A[l]| |函数(){ (A[l].q=A[l].q | |[]).push(arguments)},A[l].l=+新日期,A=n.createElement(g), r=n.getElementsByTagName(g)[0],a.src=u,r.parentNode.insertBefore(a,r) }(窗口,文档,“脚本”,“www.google-analytics.com/analytics.js”,“ga”); ga(“创建”、“UA-XXXXX-X”); ga(‘发送’、‘页面浏览’);

谢谢

在github上硬编码的早期版本

这似乎对我有好处:

angular.module('fiveMinCatchupApp').controller('MainCtrl', function ($scope, uiGmapGoogleMapApi) {

$scope.map = { center: { latitude: 45, longitude: -73 }, zoom: 8 };

  navigator.geolocation.getCurrentPosition(function(pos) {
    $scope.map.center = {
     latitude: pos.coords.latitude,
     longitude: pos.coords.longitude
    };
    $scope.$apply();
  });
});

您还有分配
$scope.map
变量的代码吗?它应该使用你的
myPosition.coords
纬度和经度来计算
map.center
。我明白了!是的,我错过了那一段代码。。谢谢你的提示,我会看看我能不能解决这个问题。
angular.module('fiveMinCatchupApp').controller('MainCtrl', function ($scope, uiGmapGoogleMapApi) {

$scope.map = { center: { latitude: 45, longitude: -73 }, zoom: 8 };

  navigator.geolocation.getCurrentPosition(function(pos) {
    $scope.map.center = {
     latitude: pos.coords.latitude,
     longitude: pos.coords.longitude
    };
    $scope.$apply();
  });
});