我正在使用 ngmap 和 angularjs 在谷歌地图中创建标记。一切正常,但是当我缩小 map 时,标记会移动。
我的代码:
var app = angular.module('dataview', ['ngMap'])
app.controller('DataViewCtrl', function($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};
}
<script src = 'http://maps.google.com/maps/api/js?v=3&sensor=true'></script>
<script src = '/assets/vendor/ngmap/build/scripts/ng-map.min.js'></script>
<map center="{{mapcenter.lat}}, {{mapcenter.lng}}" zoom="5" ng-if="is_map" style="height: 500px;">
<marker ng-repeat="pos in markers" position="{{pos.lat}}, {{pos.lng}}"></marker>
</map>
结果正常
结果不佳(缩小时)
最佳答案
我遇到了同样的问题,我想您为示例添加了最少的代码。就我而言,问题出在标记图标的 SVG 图像中。我通过改变别人的图像解决了这个问题。尝试使用默认图标来测试是否有同样的问题。
关于angularjs - 当我使用 ng-map 和 angularjs 缩小时标记会移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32119982/