如何在不同视图中使用地图

Question

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

$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);
  });
}

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

知道如何执行我需要的操作或未能加载地图吗？

谢谢。

Answer 1

我个人会做以下事情：

您要重用的代码将其放入全局变量中，例如：然后进入你的控制，你可以用这个 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));

如何在不同视图中使用地图

How to work with maps in different views

google-maps

controller

angularjs

ionic