Google maps eliminación de controles

Estoy intentando crear un mapa de Google de la ubicación de mi empresa. Usé el botón de enlace en la página de Google maps. Todo está bien, pero cuando reduzco el mapa a 200 x 200, todos los controles de mapas toman el mapa y bloquean la vista desde el mapa. ¿Hay alguna manera de pillarlos? Todo lo que quiero es el pin y el botón de acercar y alejar. Gracias.Google maps eliminación de controles

<iframe width="200" height="200" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=244+5th+Avenue,+New+York,+NY&amp;aq=t&amp;sll=37.0625,-95.677068&amp;sspn=48.956293,107.138672&amp;ie=UTF8&amp;hq=&amp;hnear=244+5th+Ave,+New+York,+10016&amp;ll=40.744556,-73.987378&amp;spn=0.005763,0.013078&amp;t=m&amp;z=14&amp;output=embed"></iframe><br /><small><a href="https://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=244+5th+Avenue,+New+York,+NY&amp;aq=t&amp;sll=37.0625,-95.677068&amp;sspn=48.956293,107.138672&amp;ie=UTF8&amp;hq=&amp;hnear=244+5th+Ave,+New+York,+10016&amp;ll=40.744556,-73.987378&amp;spn=0.005763,0.013078&amp;t=m&amp;z=14" style="color:#0000FF;text-align:left">View Larger Map</a></small>

Fuente

2012-07-04 Eric Goncalves

De acuerdo con Google, no es posible: https://productforums.google.com/forum/#!topic/maps/YTW6zpVIIkQ – bromelio

para personalizar la interfaz, yo creo que hay que profundizar en la API de Google Maps.

Utilizando la API de Google Maps, puede establecer disableDefaultUI en verdadero.

archivo HTML:

<!DOCTYPE html> 
<head> 
    <meta charset="utf-8" /> 
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> 
    <script type="text/javascript" src="map.js"></script> 
</head> 
<body> 
    <div id="map" style="width:200px; height:200px;" /> 
</body> 
</html>

archivo JavaScript:

window.onload = function() { 
    var myOptions = { 
     center: new google.maps.LatLng(40.744556,-73.987378), 
     zoom: 18, 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
     disableDefaultUI: true 
    }; 

    var map = new google.maps.Map(document.getElementById("map"), myOptions); 
}

Fuente

2012-07-04 19:03:21 jeff

He estado trabajando en esto hace una hora y puedo confirmar que esta es la forma en que el esconder la interfaz de usuario completa. +1 –

No creo que sea posible ocultar controles al insertar el mapa. Usted tendrá que crear un mapa en JavaScript utilizando Google Maps API - en las líneas de lo siguiente:

var mapContainer = document.getElementById('mapContainer'); 
var mapOptions = { 
    panControl: false, 
    zoomControl: false, 
    scaleControl: false, 
}; 
var map = new google.maps.Map(mapContainer, mapOptions);

Fuente

2012-07-04 18:54:52

No hay un parámetro para ocultar los controles utilizando IFRAME, busque en el siguiente enlace para ver los posibles parámetros:

http://moz.com/ugc/everything-you-never-wanted-to-know-about-google-maps-parameters

Si no desea utilizar la API, puede utilizar CSS para ocultar los bordes del mapa:

CSS:

.mapaThumb { position:relative; } 
.mapaThumb iframe{ width:200px; height:240px; margin-top:-40px; margin-left:-10px; } 
.mapaThumb .mapaItem{ overflow:hidden; height:150px; }

HTML:

<div class="mapaThumb"> 
    <div class="mapaItem"> 
     <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com.br/maps?f=q&amp;source=s_q&amp;hl=pt-BR&amp;geocode=&amp;q=brazil&amp;aq=&amp;sll=-21.086832,-42.409844&amp;sspn=0.895645,1.674042&amp;ie=UTF8&amp;hq=&amp;hnear=Rep%C3%BAblica+Federativa+do+Brasil&amp;t=m&amp;z=4&amp;ll=-14.235004,-51.92528&amp;output=embed"></iframe> 
    </div> 
</div>

Es no es el más correcto, ¡pero funciona! Viejo truco enseñado por un sabio chino.

Fuente

2013-08-06 12:51:38

No funciona para mí. –

-3

Simplemente dale estilo a tu mapa de Google here, haz clic en "Generar código" e incrustalo en el <body> de tu sitio web.

Fuente

2015-09-09 20:48:28 bromelio

No lo mencionan en ninguna parte de su página; el uso de este generador agrega este enlace de spam de afiliación a su sitio: 'wordpress themes' – Nathron

Google maps eliminación de controles

Respuesta

Cuestiones relacionadas