Google Maps rimuove i controlli

Sto tentando di creare una mappa Google della sede della mia azienda. Ho usato il pulsante link nella pagina delle mappe di Google. Va tutto bene, ma quando riduco la mappa a 200 x 200 tutti i controlli delle mappe prendono la mappa e bloccano la vista dalla mappa. C'è un modo per cavalcarli? Tutto quello che voglio è il pin e il pulsante di zoom in e out. Grazie.Google Maps rimuove i controlli

<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>

fonte

2012-07-04 Eric Goncalves

Secondo Google stesso non è possibile: https://productforums.google.com/forum/#!topic/maps/YTW6zpVIIkQ – bromelio

per personalizzare l'interfaccia, credo che è necessario approfondire l'API di Google Maps.

Utilizzando l'API di Google Maps, è possibile impostare disableDefaultUI su true.

file 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>

file 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); 
}

fonte

2012-07-04 19:03:21 jeff

Ho lavorato a questo un'ora fa e posso confermare che questo è il modo in cui il nascondi l'interfaccia utente completa. +1 –

Non credo sia possibile nascondere i controlli quando si incorpora la mappa. Sarà necessario creare una mappa in JavaScript utilizzando Google Maps API - nella riga dell'esempio seguente:

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

fonte

2012-07-04 18:54:52

Non c'è un parametro per nascondere i controlli utilizzando IFRAME, guarda sul link seguente per vedere i possibili parametri:

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

Se non si desidera utilizzare l'API, è possibile utilizzare i CSS per nascondere i bordi della mappa:

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>

E ' non il più corretto, ma funziona! Vecchio trucco insegnato da un saggio cinese.

fonte

2013-08-06 12:51:38

Non funziona per me. –

-3

Basta modellare la mappa Google here, fare clic su "Genera codice" e incorporarlo nello <body> del sito Web.

fonte

2015-09-09 20:48:28 bromelio

Non lo menzionano da nessuna parte sulla loro pagina - utilizzando questo generatore aggiunge questo link spam affiliato al tuo sito: 'wordpress themes' – Nathron

Google Maps rimuove i controlli

risposta

Problemi correlati