angularjs之如何禁用谷歌地图中的卫星和街景选项

cmt 阅读:18 2024-09-03 21:39:00 评论:0

我正在开发一个 ionic 应用程序,我需要在其中显示谷歌地图以显示位置。我需要禁用 map 中的卫星和街景选项,但没有得到任何合适的方法。
map 也产生了问题,有时它会显示在屏幕上,有时却没有。

这是我在 Controller 中尝试的代码

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

请您参考如下方法:

你可以试试这个

var mapOptions = { 
    center: latLng, 
    zoom: 4, 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
    streetViewControl: false, 
    disableDefaultUI: true 
}; 
Doc: https://developers.google.com/maps/documentation/javascript/controls#DefaultUI


标签:程序员
声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

关注我们

一个IT知识分享的公众号