google maps api 3 - georreferenciación - deshabilitar punto de referencia clicable en google map

google maps api key free

Question

Estoy usando google map API v3. Deseo deshabilitar la acción de hacer clic en google landmark / poi predeterminado. Por ejemplo, cuando hago zoom en UCLA, aparece el ícono de la escuela (está bien) pero no quiero que el usuario haga clic y vea los detalles de esa ubicación. ¿Qué función de API debería usar?

Answer 1

Me encontré con este mismo problema. Google parece haber cambiado recientemente su API para hacer que las etiquetas del mapa base sean "clicables" y todavía no hay una llamada API simple para desactivar su capacidad de clics. http://groups.google.com/group/google-maps-js-api-v3/browse_thread/thread/f1ac9ad4da3606fe

Me gustaría que google agregue una opción de mapa simple como esta, pero lamentablemente todavía no existe

var opts = { clickableLabels:false };
var map = new maps.google.com.map(div,opts);

La siguiente solución funciona, pero debido a que se basa en mosaicos de mapas de estilo personalizado, los mapas gratuitos están limitados a (2.500 cargas de mapas por día). Consulte las Preguntas frecuentes de Google Maps .

function initialize() {

  // For more details see 
// http://code.google.com/apis/maps/documentation/javascript/styling.html
  var noPOILabels = [
    { 
      featureType: "poi", 
      elementType: "labels", 
      stylers: [ { visibility: "off" } ] 

    }
  ];

  // Create a new StyledMapType object, passing it the array of styles,
  // as well as the name to be displayed on the map type control.
  var noPOIMapType = new google.maps.StyledMapType(noPOILabels,
    {name: "NO POI"});

  // Create a map object, and include the MapTypeId to add
  // to the map type control.
  var mapOptions = {
    zoom: 11,
    center: new google.maps.LatLng(55.6468, 37.581),
    mapTypeControlOptions: {
      mapTypeIds: [google.maps.MapTypeId.ROADMAP, ''no_poi'']
    }
  };
  var map = new google.maps.Map(document.getElementById(''map_canvas''),
    mapOptions);

  //Associate the styled map with the MapTypeId and set it to display.
  map.mapTypes.set(''no_poi'', noPOIMapType);
  map.setMapTypeId(''no_poi'');
}

Answer 2

Este problema ha sido registrado con google en:

http://code.google.com/p/gmaps-api-issues/issues/detail?id=3866

Por favor protagonice y comente sus necesidades sobre este tema allí.

Answer 3

Entiendo que esta pregunta es antigua, pero tal vez esta respuesta ayudará a otros:

No estoy seguro de si esto es legal, pero terminé explorando el código e hice esto:

$("#google-map").on("mousedown",function(){
    setTimeout(function(){
        disableInfoWindows();
    },500);
});

function disableInfoWindows()
{
    $(".gm-iw.gm-sm").parent().parent().remove();
    $("[style=''position: absolute; left: -2px; top: -336px; width: 59px; height: 492px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;'']")
    .parent()
    .parent()
    .remove();
}

Me funcionó, no apareció la ventana de información, conservando todos los íconos. Cualquiera que tenga una idea para mejorar el código es bienvenido, la ventana de información aparece un poco la primera vez que está a punto de abrirse, después de esa primera, se ha ido por completo.

Answer 4

Entiendo que el OP quiere una solución que persista en las etiquetas / iconos, pero suspende los eventos de clic. No estoy seguro de que esto sea posible; por favor, protagonice este problema

Sin embargo, algunos de nosotros estamos dibujando formas sin el Administrador de Dibujos y las etiquetas / iconos están obstruyendo las adiciones de nuevos puntos. Si cumple con sus requisitos, puede eliminar temporalmente los iconos / etiquetas. Descubrí que el tránsito , la poi y el paisaje necesitan ser cambiados:

var map = new google.maps.Map(document.getElementById("map"), {});
map.poi = function(state){

  var styles = [
    {
      "featureType": "transit",
      "stylers": [
        { "visibility": "off" }
      ]
    },{
      "featureType": "poi",
      "stylers": [
        { "visibility": "off" }
      ]
    },{
      "featureType": "landscape",
      "stylers": [
        { "visibility": "off" }
      ]
    }
  ];

  this.set("styles", (state)? {} : styles );

}

Y el uso:

//turn the labels/icons off
map.poi(false);

//turn them back on
map.poi(true);

Answer 5

Google ha expuesto una opción para esto. Ver clickableIcons de google.maps.MapOptions en los documentos .

Ejemplo de código de inicialización:

map = new google.maps.Map(document.getElementById(''map''), {
    clickableIcons: false
});

Answer 6

agregue esta opción a mapOption clickableIcons: falso

esto es más opciones, creo que lo harás

draggable: true, // this is for disable the Draggable
disableDefaultUI: true, // this for disable Default UI
fullscreenControl: false, // this is for disable Full Screen
scrollwheel: true, // this is for disable Scroll Wheel
disableDoubleClickZoom: false, // this is for disable Double Click Zoom
draggableCursor:''crosshair'',// this is for cursor type
draggingCursor:''move'', // this is for dragging cursor type
minZoom: 3, // this is for min zoom for map
maxZoom: 18 , // this is for max zoom for map
//note : max, min zoom it''s so important for my design.
zoom: 14, // this is to make default zoom
clickableIcons: false, // this is to disable all labels icons except your custom infowindow or Infobox.