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

时间:2014-12-31 19:08:53

标签: angularjs zoom leaflet

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

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

我绘制了另一个缩放控件,它出现了同样的问题,在浏览器中出现并且都不放大或缩小。在浏览器中,它们同时显示变焦控制和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 = modal;         },{       动画:'滑入式',       focusFirstInput:true,       范围:$ 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 个答案:

答案 0 :(得分:0)

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