当我使用ng贴图和angularjs缩小时,标记会移动

当我使用ng贴图和angularjs缩小时,标记会移动,angularjs,zooming,marker,ng-map,Angularjs,Zooming,Marker,Ng Map,我正在使用ngmap和angularjs在谷歌地图中创建标记。一切正常,但当我缩小地图时,标记会移动 我的代码: var-app=angular.module('dataview',['ngMap'])) app.controller('DataViewCtrl',函数($scope,$http) { $scope.markers=[{lat:30.2817,lng:-81.5273},{lat:30.6824,lng:-81.9680},{lat:31.0004,lng:-82.1580}]

我正在使用ngmap和angularjs在谷歌地图中创建标记。一切正常,但当我缩小地图时,标记会移动

我的代码:

var-app=angular.module('dataview',['ngMap']))
app.controller('DataViewCtrl',函数($scope,$http)
{
$scope.markers=[{lat:30.2817,lng:-81.5273},{lat:30.6824,lng:-81.9680},{lat:31.0004,lng:-82.1580}];
$scope.mapcenter={lat:$scope.markers[0]。lat,lng:$scope.markers[0]。lng};
}

以下是您试图实现的工作示例:

请注意,缩小时标记位置现在是如何保持的

我通过如下方式分配标记的坐标修复了该问题:

$scope.markers = [{
    lat: 30.2817,
    lng: -81.5273
  }, {
    lat: 30.6824,
    lng: -81.9680
  }, {
    lat: 31.0004,
    lng: -82.1580
  }];

我也遇到了同样的问题,我想您应该为示例添加最小的代码。在我的例子中,问题出现在标记图标的SVG图像中。我通过其他人更改图像来解决问题。尝试使用默认图标来测试您是否有同样的问题。

出于某种原因,在我放置的css文件中

画布{宽度:100%!重要;高度:360px!重要;}


我删除了这一行并修复了这个问题。cavas样式与html中为map定义的高度冲突

我不太理解,我认为我定义$scope.markers的方式与此没有区别。两者都是{lat,lng}形式的对象数组您所拥有的不正确。您无法传入一个对象数组来初始化标记数组。您可以使用尖括号内的字符串或键从数组中检索项目。您需要像我一样分配数组。请参见($scope.markers=),包括等号。这是正确的。在我的代码中,我使用=。当我问这个问题时,这是一个错误。好的,我已经更新了你问题中的代码。这就是你所拥有的吗?我编写的示例对你有用吗?你使用的是什么浏览器?你的示例很好。我也这样做,一切都正常。我的代码在其他系统中执行。我认为p问题是影响此功能的父项目的一些包含