缩放控制器不起作用 Mapbox 和 Angular js

Posted 2023-02-23

【中文标题】缩放控制器不起作用 Mapbox 和 Angular js

【英文标题】：Zoom Controller doesnt work Mapbox and Angular js

【发布时间】：2014-12-31 19:08:52

【问题描述】：

我正在尝试使用 Angular.js 和 Mapbox。

从 Mapbox 加载地图没有问题。但是缩放控件有问题，在浏览器中显示缩放控件，但在安卓模拟器中没有出现。在浏览器和模拟器中，它们不起作用：它们无法放大或缩小。

我绘制了另一个缩放控件，它发生了同样的问题，在浏览器中都出现了，并且都没有放大或缩小。在浏览器中，它们同时显示缩放控制和 android 模拟器，缩放控制器都没有出现并且它们不起作用。

我已经在 Angular 之外尝试了这项工作 Mapbox，没有任何问题：

https://www.mapbox.com/mapbox.js/example/v1.0.0/

谁能解释我或帮我一把。 提前致谢

这是我正在工作的代码：

.controller('loa', function($scope, $ionicModal)

// MAPAS -------------------------------------------- ----------------> $ionicModal.fromTemplateUrl('templates/calama.html', 范围：$scope ).then(function(modal) $scope.modal1 = 模态； , 动画：'向下滑动'， 焦点第一输入：真， 范围：$scope );

$scope.cierra1 = function() $scope.modal1.hide(); ;

$scope.mapaCalama = function() $scope.modal1.show(); L.mapbox.accessToken = 'pk.xxxxxx'; var map = L.mapbox.map('map') .setView([-22.4562, -68.9249], 6)

  .addLayer(L.mapbox.tileLayer('itelius.xxxxx'));


    L.mapbox.featureLayer('itelius.xxxxxx').on('ready', function(e) 
  var clusterGroup = new L.MarkerClusterGroup();

  e.target.eachLayer(function(layer)  clusterGroup.addLayer(layer); );
  map.addLayer(clusterGroup);
          );         ;

【参考方案1】：

我最近放了一个缩放滑块对象并且可以工作，但是当我添加缩放控件并尝试它时，我无法放大或缩小。

【讨论】：

也可能是leaflet中的css与缩放冲突