2012-07-04 23 views
14

Próbuję utworzyć mapę Google mojej lokalizacji firmy. Użyłem przycisku linku na stronie Google maps. Wszystko jest w porządku, ale kiedy zmniejszam mapę do 200 x 200, wszystkie kontrolki map przejmują mapę i blokują widok z mapy. Czy istnieje sposób, aby jeździć? Wszystko, czego chcę, to pinezka i przycisk powiększania i pomniejszania. Dziękuję Ci.Google maps removal control

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

Według Google nie jest to możliwe: https://productforums.google.com/forum/#!topic/maps/YTW6zpVIIkQ – bromelio

Odpowiedz

32

Aby dostosować interfejs, wierzę, trzeba zagłębić się w Google Maps API.

Za pomocą interfejsu API Map Google można ustawić wartość true dla disableDefaultUI.

HTML Plik:

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

JavaScript plik:

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); 
} 
+1

Pracowałem nad tym godzinę temu i mogę potwierdzić, że tak właśnie jest ukryj pełny interfejs użytkownika. +1 –

9

Nie wierzę, że można ukryć kontrolki podczas umieszczania mapy. Trzeba będzie utworzyć mapę w javascript za pomocą Google Maps API - w liniach następujące:

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

Nie jest parametrem, aby ukryć elementy sterujące za pomocą IFRAME, spojrzeć na poniższy link, aby zobaczyć możliwe parametry:

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

Jeśli nie chcesz korzystać z API, można użyć CSS, aby ukryć krawędzie mapy:

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> 

Jest nie jest najbardziej poprawny, ale działa! Stara sztuczka nauczana przez chińskiego mędrca.

+0

Nie działa dla mnie. –

-3

Po prostu stylizuj swoją mapę Google here, kliknij "Wygeneruj kod" i umieść go w witrynie <body>.

+1

Nie wymieniają go nigdzie na swojej stronie - za pomocą tego generatora dodaje się ten link do strony powiązanej ze spamem: 'wordpress themes' – Nathron