Googleマップで衛星とストリートビューのオプションを無効にするには

Question

私は位置を表示するにはGoogleマップを表示する必要があるイオンアプリに取り組んでいます。地図の衛星とストリートビューのオプションを無効にする必要がありますが、適切な方法はありません。 また、マップで問題が発生している場合があります。画面上に表示されることもあります。

これは、私はあなたがマップを有効にし、それにオプションを渡すとき、あなたはmapTypeControlOptionsを指定する機会を持っているコントローラ

$scope.addLoc = function(){ 
    $cordovaGeolocation.getCurrentPosition(options).then(function(position){ 
     $scope.lat = position.coords.latitude; 
     $scope.long = position.coords.longitude; 
     var url = "http://maps.googleapis.com/maps/api/geocode/json?latlng="+$scope.lat+","+$scope.long+"&sensor=true"; 
     $http.get(url) 
     .then(function(res) { 

      $rootScope.address = res.data.results[0].formatted_address; 
      console.log($rootScope.address); 
      }, function(error) { 
      console.log(error); 
     }); 
    console.log(position); 
    var latLng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); 

    var mapOptions = { 
     center: latLng, 
     zoom: 4, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 

    $scope.map = new google.maps.Map(document.getElementById("map"), mapOptions); 
    $scope.marker = new google.maps.Marker({ 
     position: new google.maps.LatLng($scope.lat, $scope.long), 
     map: $scope.map, 
     title: 'Drag me!' 
    }, function(err) { 
     console.err(err); 
    }); 
    }, function(error){ 
    console.log("Could not get location"); 
    }); 


} 

Answer 1

をあなたはこの

var mapOptions = { 
    center: latLng, 
    zoom: 4, 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
    streetViewControl: false, 
    disableDefaultUI: true 
}; 

を試すことができます

Answer 2

にしようとしているコードです。これらの配列には、ユーザーがどのような種類のmaptypeを表示できるかを指定する配列があります。ここで見ることができますhttp://code.google.com/apis/maps/documentation/javascript/reference.html#MapTypeControlOptions.

ユーザーには、マプタイプに関するオプションを持たせたくない場合は、マップmapTypeControlをfalseに設定して指定することもできます。

var myOptions = { 
    zoom: 2, 
    center: **Your LatLng object**, 
    mapTypeControlOptions: { 
     mapTypeIds: [google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.HYBRID] 
    }, // here´s the array of controls 
    disableDefaultUI: true, // a way to quickly hide all controls 
    mapTypeControl: true, 
    scaleControl: true, 
    zoomControl: true, 
    zoomControlOptions: { 
     style: google.maps.ZoomControlStyle.LARGE 
    }, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
}; 
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); // displays in <article id="map_canvas"></article> 
//map.mapTypeControl = false; // OPTIONAL: hides the map control 

あなたはcss

を経由して、それらを非表示にすることができます。しかし、この適切なway..Thisは、将来的に動作しないことがありません。..

.gm-style-mtc { 
    display: none; 
}