加载谷歌地图的奇怪方式

Question

我正在使用AngularJS + ionic，我正在尝试创建一个谷歌地图。我使用插件cordova来获取用户的确切位置，它的工作原理。此外，只有当人拍照时才会加载地图，在那里，是在哪里搜索这样的数据。所以我没有问题，但地图加载方式奇怪，被剪裁和导航是pesima。我留下了我的代码和地图外观的图片。

<map center="{{latitud}}, {{longitud}}" zoom="15" style="width:100%;height:100%;" data-tap-disabled="true" id="mapa_view">
  <marker position="{{latitud}}, {{longitud}}" />
</map>




.controller("CamaraCtrl", function($scope,$rootScope, Camera,$cordovaGeolocation) {

var posOptions = {timeout: 10000, enableHighAccuracy: false};
$cordovaGeolocation
  .getCurrentPosition(posOptions)
  .then(function (position) {
    var latitud_actual  = position.coords.latitude
    var longitud_actual = position.coords.longitude
    $scope.latitud = latitud_actual;
    $scope.longitud = longitud_actual;

  }, function(err) {
    // error
  });

  $scope.mostrar_form = false;
  $scope.getPhoto = function() {
    Camera.getPicture().then(function(imageURI) {
      console.log(imageURI);
      $scope.lastPhoto = imageURI;
      $scope.mostrar_form = true;

    }, function(err) {
      console.err(err);
    }, {
      quality: 75,
      targetWidth: 320,
      targetHeight: 320,
      saveToPhotoAlbum: false
    });
  };
  $scope.getPhoto();
})