Javascript 角度传单指令缩放到地图中心的标记
亲爱的程序员们： 我尝试使用传单指令创建地图。你可以在这里看到小提琴。Javascript 角度传单指令缩放到地图中心的标记,javascript,angularjs,zooming,markers,angular-leaflet-directive,Javascript,Angularjs,Zooming,Markers,Angular Leaflet Directive,亲爱的程序员们： 我尝试使用传单指令创建地图。你可以在这里看到小提琴。 在上面的小提琴中，当我拖动地图时，标记将始终位于中心。但当我放大/缩小（使用滚动）时，地图会缩放到鼠标区域，从而更改标记的坐标 当我放大/缩小时，应该如何使地图缩放到地图中心的标记（并且不更改标记坐标） 感谢您的帮助：） 这是js代码： var app = angular.module('demoapp', ['leaflet-directive']); app.controller('DemoController',
在上面的小提琴中，当我拖动地图时，标记将始终位于中心。但当我放大/缩小（使用滚动）时，地图会缩放到鼠标区域，从而更改标记的坐标 当我放大/缩小时，应该如何使地图缩放到地图中心的标记（并且不更改标记坐标） 感谢您的帮助：） 这是js代码：
var app = angular.module('demoapp', ['leaflet-directive']);
app.controller('DemoController', ['$scope', 'leafletData', function($scope, leafletData) {
angular.extend($scope, {
center: {
lat: 51.505,
lng: -0.09,
zoom: 5
},
markers: {
marker: {
lat: 51.505,
lng: -0.09,
draggable: false
}
},
defaults: {
zoomControl: false
}
})
$scope.$on('leafletDirectiveMap.move', function(event, args) {
var map = args.leafletEvent.target;
var center = map.getCenter();
// Update the marker.
$scope.markers = {
marker: {
draggable: false,
lat: center.lat,
lng: center.lng,
draggable: false
}
};
});
}]);
您可以尝试以下方法作为开始： 在html中，请确保传递默认值：
<body ng-controller="DemoController">
<leaflet defaults="defaults" center="center" markers="markers" defaults="defaults"></leaflet>
</body>
在传单文档中，他们说，您可以将
scrollWheelZoom“中心”<body ng-controller="DemoController">
<leaflet defaults="defaults" center="center" markers="markers" defaults="defaults"></leaflet>
</body>
在传单文档中，他们说，您可以将
scrollWheelZoom“中心”