diff --git a/src/js/osm-directive.js b/src/js/osm-directive.js index 67c1f58..b4ff5dc 100644 --- a/src/js/osm-directive.js +++ b/src/js/osm-directive.js @@ -5,7 +5,7 @@ angular.module('focaModalPuntoDescarga').directive('osmPuntoDescarga', function( var contenedor = document.createElement('div'); contenedor.className = 'w-100 h-50 mt-3'; el.append(contenedor); - scope.map = L.map(contenedor).setView([-32.89214159952345, -68.84572999101856], attrs.zoom); + scope.map = L.map(contenedor); L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(scope.map); }, controller: ['$scope', '$timeout', function($scope, $timeout) { @@ -19,8 +19,9 @@ angular.module('focaModalPuntoDescarga').directive('osmPuntoDescarga', function( for(var i in $scope.markers) { $scope.map.removeLayer($scope.markers[i]); } + $scope.map.setView([$scope.latitud, $scope.longitud], 14); $scope.markers.push( - L.marker([$scope.latitud, $scope.longitud], {draggable: $scope.draggable}) + L.marker([$scope.latitud, $scope.longitud], {draggable: true}) .addTo($scope.map) .on('dragend', function() { $scope.latitud = this.getLatLng().lat; @@ -28,13 +29,14 @@ angular.module('focaModalPuntoDescarga').directive('osmPuntoDescarga', function( $scope.$apply(); }) ); + }); }], + scope: { latitud: '=', longitud: '=', - zoom: '=', - draggable: '<' + zoom: '=' } }; });