2012-03-01 7 views
17

Estoy usando la API JS para mostrar mi mapa. Aquí está el código:¿Cómo eliminar el zoom, el terreno y la navegación del usuario desde el mapa de 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> 

ahora quiero quitar algunas cosas desde el mapa.

  1. Retire el zoom + controles de usuario no debe ser capaz de acercar el uso de ratón o nada
  2. usuario no debe ser capaz de moverse por el mapa con el ratón. Es debe permanecer como una imagen estática
  3. Eliminar la opción MAP | SATELLITE del mapa.

Cómo lo consigo.

enter image description here

Respuesta

58
scrollwheel: false, 

Esta opción se utiliza para desactivar el zoom en el ratón.

scaleControl: false, 

Esta opción se utiliza para deshabilitar el zoom por escala.

draggable: false, 

Esta opción se utiliza para deshabilitar el arrastre.

mapTypeControl: false, 

Esta opción ocultará el tipo de mapa.

Póngalos de la siguiente manera:

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

Gracias por una respuesta tan rápida. ¿Cómo elimino esto? [IMG] http://i.imgur.com/VKmkm.png [/ IMG] –

+1

gmap.removeControl(); prueba esto. –

+0

obras NOP doesnot –

15

uso del "desactivar la interfaz de usuario por defecto" ejemplo:

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

Esta es la mejor respuesta para eliminar los elementos solicitados sin tener que enumerar cada opción individual. – ChristoKiwi

+0

Esto elimina la interfaz de usuario, pero no impide que los usuarios se desplacen/acerquen usando el mouse o los controles táctiles. –

Cuestiones relacionadas