如何使用不同视图的地图

NHTorres

我试图在不同的视图中显示不同的地图，但是在一对一的地图视图中收费，切换到另一张未加载的地图，启动浏览器没有错误，因此我无法决定，因为我无法继续显示其他地图。我正在做如下：

$scope.cargarUbicacion = function () {
if (navigator.geolocation) {
      navigator.geolocation.getCurrentPosition(function (position) {
          latitud_actual = position.coords.latitude; 
          longitud_actual = position.coords.longitude;
          console.log(latitud_actual);
          console.log(longitud_actual);
          var mapOptions = {
              center: new google.maps.LatLng(latitud_actual, longitud_actual),
              zoom: 15,
              mapTypeId: google.maps.MapTypeId.ROADMAP,
              scrollwheel: false
          };
          map = new google.maps.Map(document.getElementById("mapa_ubicacion"), mapOptions);
          $scope.setMarker(map, new google.maps.LatLng(latitud_actual, longitud_actual), 'Yo', '');
      });
    }
  } 
  $scope.setMarker = function(map, position, title, content) {
  var marker;
  var markerOptions = {
      position: position,
      map: map,
      title: title,
      icon: 'http://maps.google.com/mapfiles/ms/icons/green-dot.png'
  };

  marker = new google.maps.Marker(markerOptions);
  markers.push(marker); // add marker to array

  google.maps.event.addListener(marker, 'click', function () {
      // close window if not undefined
      if (infoWindow !== void 0) {
          infoWindow.close();
      }
      // create new window
      var infoWindowOptions = {
          content: content
      };
      infoWindow = new google.maps.InfoWindow(infoWindowOptions);
      infoWindow.open(map, marker);
  });
}

我在多个控制器中使用此代码，我的想法被封装起来，可以在多个视图中一次占用相同的代码。每当我更改id映射以避免此问题时，都认为这是未加载映射的原因。

任何想法如何做我需要的还是无法加载地图？

谢谢你。

主动脉

我个人要执行以下操作：

您想重用的代码将其放入一个全局变量中，例如：然后放入您的控件中，您可以使用此mapExtend对其进行扩展

    global.MapExtend = function($scope, $rootScope, leafletData) {

// ... all your functions to reuse
      };

// In your main controler, extend it with your map capabilities with angular.extend
angular.extend(myCtrl, new MapExtend($scope, $rootScope, leafletData));

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。