2012-03-01 5 views
17

Używam interfejsu API JS do wyświetlania mojej mapy. Oto kod:Jak usunąć powiększenie, ukształtowanie terenu i nawigację użytkownika z mapy google?

<script type="text/javascript"> 
    function initialize() { 
     var _lat = 10; 
     var _long = 200; 
     var myLatlng = new google.maps.LatLng(_lat, _long); 
    var myOptions = { 
     center: myLatlng, 
     zoom: 15, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    var map = new google.maps.Map(document.getElementById("map_canvas"), 
     myOptions); 

     var image = 'target.png'; 
     var beachMarker = new google.maps.Marker({ 
      position: myLatlng, 
      map: map, 
      icon: image 
     }); 

     beachMarker.setMap(map); 
    } 
</script> 

Teraz chcę usunąć kilka rzeczy z mapy.

  1. Usuń zoom Kontrola + użytkownik nie powinien móc powiększać za pomocą myszki lub nic
  2. użytkownik nie powinien być w stanie poruszać się po mapie przy użyciu myszy. To powinno być jak statyczny obraz
  3. Usuń opcję MAP | SATELLITE z mapy.

Jak to osiągnąć.

enter image description here

Odpowiedz

58
scrollwheel: false, 

Opcja ta służy do Wyłączenie zoomu na myszy.

scaleControl: false, 

Ta opcja służy do wyłączania powiększania według skali.

draggable: false, 

Ta opcja służy do wyłączania przeciągania.

mapTypeControl: false, 

Ta opcja spowoduje ukrycie rodzaju mapy.

Umieść je w następujący sposób:

var myOptions = { 
    center: myLatlng, 
    zoom: 15, 
    mapTypeControl: false, 
    draggable: false, 
    scaleControl: false, 
    scrollwheel: false, 
    navigationControl: false, 
    streetViewControl: false, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
}; 
+0

Dzięki za szybką odpowiedź. Jak mogę to usunąć? [IMG] http://i.imgur.com/VKmkm.png [/ IMG] –

+1

gmap.removeControl(); Spróbuj tego. –

+0

NoPS doesnot działa –

15

Użyj "Wyłącz domyślny UI" przykład:

var mapOptions = { 
    zoom: 4, 
    center: new google.maps.LatLng(-33, 151), 
    disableDefaultUI: true, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
} 

var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);` 
+1

To jest najlepsza odpowiedź, aby usunąć żądane elementy bez konieczności wymieniania poszczególnych opcji. – ChristoKiwi

+0

Powoduje to usunięcie interfejsu użytkownika, ale nie uniemożliwia użytkownikom przewijania/powiększania za pomocą myszy lub elementów sterujących dotykiem. –

Powiązane problemy