Açısal google map harita kontrol değişikliği pozisyonu

Açısal google map kullanıyorum ve varsayılan olarak sağ alt köşede zoom in-out seçeneği geliyor, ancak sol alt köşeye yerleştirilmek üzere bu kontrole ihtiyacım var. Google harita API'sinde yapılabilir ancak açısal google haritalar kullanıyorum. Ve harita kontrollerini konumlandırmada zorluklarla karşılaşıyor.Açısal google map harita kontrol değişikliği pozisyonu

<ui-gmap-google-map center="map.center" zoom="map.zoom" options="map.options"></ui-gmap-google-map>

ve MapOption ZoomControlOptions içerebilir: angular-google-maps docs belirtildiği gibi

kaynak

2016-04-01 Neha

herhangi demo? ('plnk/fiddle/codepen') – manish

Eğer options özelliyle yönergeye MapOptions nesneyi geçirebilir.

kontrol altına pasajı:

angular.module('appMaps', ['uiGmapgoogle-maps']) 
 
    .controller('mainCtrl', function($scope) { 
 
    $scope.map = { 
 
     center: { 
 
     latitude: 51.219053, 
 
     longitude: 4.404418 
 
     }, 
 
     zoom: 14, 
 
     options: { 
 
     scrollwheel: false, 
 
     zoomControlOptions: { 
 
      position: google.maps.ControlPosition.BOTTOM_LEFT 
 
     } 
 
     } 
 
    }; 
 
    });

#map_canvas { 
 
    width: 100%; 
 
    height: 100%; 
 
} 
 
.angular-google-map-container { 
 
    height: 400px; 
 
}

<html ng-app="appMaps"> 
 

 
<head> 
 
    <meta charset="utf-8"> 
 
    <title>Map</title> 
 
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> 
 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.js"></script> 
 
    <script src="//rawgit.com/lodash/lodash/3.10.1/lodash.min.js"></script> 
 
    <script src='//maps.googleapis.com/maps/api/js?sensor=false'></script> 
 
    <script src="//rawgit.com/nmccready/angular-simple-logger/master/dist/angular-simple-logger.js"></script> 
 
    <script src="//rawgit.com/angular-ui/angular-google-maps/master/dist/angular-google-maps.min.js"></script> 
 
</head> 
 

 
<body> 
 
    <h1 class="title">Google Maps Example</h1> 
 
    <div id="map_canvas" ng-controller="mainCtrl"> 
 
    <ui-gmap-google-map center="map.center" zoom="map.zoom" options="map.options"></ui-gmap-google-map> 
 
    </div> 
 
</body> 
 

 
</html>

kaynak

2016-04-01 07:26:11 beaver

Çalıştığınız için teşekkürler ama google tanımlı değil diyor diyor .... Eğer $ kapsamı kullanarak değiştirirsem o zaman 'BOTTOM_LEFT' özelliği tanımsızdır .... Sadece oluşturabilirsiniz kodunuz için bir keman sadece sol altta kontrolleri olan bir açısal harita? – Neha

Yani kodunuzu paylaşın, çünkü yukarıdaki kod parçası mükemmel çalışıyor. Onu burada çalıştırmayı denediniz mi? – beaver

Hello Beaver, Çabalarınız için teşekkürler, ancak bu çözümün bir sorunu var ... Yalnızca 'u içermesem de çalışır google map api çalışmıyor ve benim durumumda açısal google map api kullanıyorum .... Eğer her ikisini de tutacak bir karmaşa oluyorsa ... Sadece bana sadece açısal olan bir çözüm ile yardımcı olabilir misiniz Google Harita????? – Neha

Açısal google map harita kontrol değişikliği pozisyonu

cevap

İlgili konular