Javascript 如何使用Angular js进行实时谷歌地图地理位置跟踪

我需要的是开发实时地理位置跟踪显示在谷歌地图。我遵循了本教程：我尝试在Angular js中实现，因为它适用于移动应用程序

代码是：

全名：{{firstName+“”+lastName}
var helloWorldApp=angular.module（'myApp'，[“publinub.angular.service”]）；
helloWorldApp.run（['Pubnub'，function（Pubnub）{
publinub.init({
publishKey:“pub-c-d529ea1a-f5b0-4b1e-a476-8e631139624b”，
下标：“sub-c-7cc68612-e6aa-11e6-a5f4-02ee2ddab7fe”
});
}]);
控制器（'HelloCtrl'，['$scope'，'Pubnub'，函数（$scope，Pubnub）{
console.log（“输入HelloCtrl”）；
$scope.firstName=“John”；
$scope.lastName=“Doe”；
$scope.lat=37.8199；
$scope.lng=-122.4783；
var映射；
var标记；
var lineCoords=[]；
var initialize=函数（）{
map=new google.maps.map（document.getElementById（'map-canvas'），{center:{lat:lat，lng:lng}，zoom:12}）；
mark=new google.maps.Marker（{position:{lat:lat，lng:lng}，map:map}）；
push（新的google.maps.LatLng（$scope.lat，$scope.lng））；
};
$scope.initialize=初始化；
var redraw=功能（有效负载）{
lat=有效载荷.message.lat；
lng=有效载荷.message.lng；
//map.setCenter（{lat:lat，lng:lng，alt:0}）；
map.setCenter（新的google.maps.LatLng（纬度、经度））；
标记设置位置（{lat:lat，lng:lng，alt:0}）；
lineCoords.push（新的google.maps.LatLng（lat，lng））；
var linecoordinatePath=新建google.maps.Polyline({
路径：lineCoords，
测地线：正确，
strokeColor:“#2E10FF”
});
LineCoordinatePath.setMap（地图）；
};
var pnChannel=“映射通道”；
var pubnub=新的pubnub({
publishKey:“pub-c-d529ea1a-f5b0-4b1e-a476-8e631139624b”，
下标：“sub-c-7cc68612-e6aa-11e6-a5f4-02ee2ddab7fe”
});
subscribe（{channels:[pnChannel]}）；
addListener（{message:redraw}）；
setInterval（函数（）{
publish（{channel:pnChannel，消息：{lat:window.lat+0.001，lng:window.lng+0.01}}）；
}, 5000);
$scope.subscribe=函数（）{
订阅({
频道：“世界你好”，
triggerEvents:['message']
})
}
}]);

检查：-可能是相同/相似的问题。检查：-可能是相同/相似的问题。