使用谷歌地图和Angular JS.正在尝试将坐标存储在变量中
Using Google Maps and Angular JS. Trying to store coordinates in variable
FYI,我是AngularJS的新手。我正在尝试将在谷歌地图中选择的标记的坐标存储在一个变量中。一旦我在地图上选择了一个点,我就可以记录坐标,但我不明白为什么$scope.map.markers在addSesh()中返回"undefined"。如果你需要进一步澄清,请告诉我。提前感谢!
angular
.module('surfSup')
.controller('SessionController', function($scope, $location, SessionService, CacheEngine, $rootScope) {
$scope.addSesh = addSesh;
function addSesh () {
$scope.sessionObjs = {
time: $scope.time ? $scope.time.toISOString().slice(0,19) : "",
isSurf: $scope.suppy,
location: $scope.location
};
console.log("session obj", $scope.sessionObjs);
console.log("map coords: ", $scope.map.markers);
SessionService.addSession($scope.sessionObjs).then(function(res){
console.log('session created', res);
$location.path('/sessions');
}
$scope.map = {
center: {
latitude: 32.7799400,
longitude:-79.9341970
},
zoom: 11,
markers: [],
events: {
click: function (map, eventName, originalEventArgs) {
var e = originalEventArgs[0];
var lat = e.latLng.lat(),lon = e.latLng.lng();
var marker = {
id: Date.now(),
coords: {
latitude: lat,
longitude: lon
}
};
$scope.map.markers.push(marker);
console.log('MARKERS:', $scope.map.markers);
window.glow = $scope.map.markers;
$scope.$apply();
}
}
};
(信息不足),但尝试在日志行$scope.maps
中设置断点,并在chrome dev工具中进行检查。查看是否不仅$scope.maps.markers
未定义,而且$scope.maps
(也可能未定义)。然后回溯。
相关文章:
- EaseJS拖放;放下(动画CC)电影剪辑的鼠标坐标
- 如何在d3.js中返回路径的y坐标
- 将作用域存储在JSON中
- 使用javascript存储变量的最安全方式
- 当图像转换为本地存储的DataURL时,EXIF被删除
- 如何在chrome扩展中存储数据/结果,以及如何使用setTimeout使其只被调用一次
- AngularJS-如何在mousemove上存储鼠标坐标
- Javascript 地理位置:将坐标存储在数组中
- 使用谷歌地图和Angular JS.正在尝试将坐标存储在变量中
- 将谷歌地图 api latLng 坐标存储到 js 数组
- 使用角度.js将画布坐标存储到本地存储
- 如何将坐标存储到不同的变量中?
- 如何绘制一个矩形,其坐标存储在mysql数据库中
- 在数组JAVASCRIPT中存储坐标和各种游戏数据
- 如何显示动画多个标记从坐标存储在MySQL数据库
- 在javascript中存储数组中的坐标
- 根据提示存储坐标并计算距离
- 在JS中,快速存储XY坐标整数的最高性能方法是什么
- 根据数组中存储的坐标确定在画布上绘制的形状
- 如何使用Javascript将地理位置坐标存储到数组中