2013-06-26 14 views
7

używam mapy google z mojego projektu, jak można zobaczyć tutaj (Demo)Mapy Google usuwają domyślne mężczyzna ikonę

w lewym górnym rogu widać człowiek ikonę i powiększać Chcę usunąć mężczyzna ikonę i Zoom lewo -top co powinienem zrobić? Używam tej biblioteki js library i widać inną bibliotekę w linku (Widok) demo źródło [3] this is my aim.look left top please

+0

Czy rozwiązać ten problem? – fledgling

+0

@ Fledgling no .... – user1688401

+0

Jakieś alternatywy? – fledgling

Odpowiedz

14

Należy usunąć widoku ulicy (człowiek), a sterowanie pan:

var mapOptions = { 
    center: mapCenter, 
    zoom: 10, 
    panControl: false, 
    streetViewControl: false, 
    mapTypeId: google.maps.MapTypeId.ROADMAP  
}; 

Przykład zastosowania opcji Google Maps:

var map; 
function initialize() { 
    var mapOptions = { 
    zoom: 8, 
    center: new google.maps.LatLng(-34.397, 150.644), 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    map = new google.maps.Map(document.getElementById('map-canvas'), 
     mapOptions); 
} 
google.maps.event.addDomListener(window, 'load', initialize); 
+0

Nie korzystam z opcji mapy. gdzie powinienem to dodać? Wywołanie detektora zdarzeń? to jest moje źródło: view-source: http: //f.hybridsoftware.net/map.htm – user1688401

+0

Widzę z twojego kodu, że robisz rzeczy trochę inaczej, gdy wykonujesz operację na mapie bezpośrednio w węźle canvas. Ogólnie tworzona jest zmienna "map", a następnie związana z działem canvas, jak pokazano w przykładzie dodanym do mojej odpowiedzi. Może być możliwe zastosowanie tej opcji bezpośrednio do obszaru roboczego canvas, ale nie jestem tego zaznajomiony. – jdehlin

2

mam nadzieję, że działa

function initialize() { 
    var mapOptions = { 
    zoom: 8, 
    center: new google.maps.LatLng(-34.397, 150.644), 
    disableDefaultUI: true, //disables controls 
    zoomControl: true,  //zoom control enables 
    zoomControlOptions: { 
    style: google.maps.ZoomControlStyle.LARGE, //enables the dimension 
    position: google.maps.ControlPosition.TOP_RIGHT //position enables 
    }, 

    mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    map = new google.maps.Map(document.getElementById('map-canvas'), 
    mapOptions); 
    } 
+0

Nie korzystam z opcji mapy. gdzie powinienem to dodać? Wywołanie detektora zdarzeń? to jest moje źródło: view-source: f.hybridsoftware.net/map.htm – user1688401

1

Powyższe odpowiedzi nie odpowiadają Twojemu pytaniu. Spróbuj to, że spowodowało to moją pracę, aby wyłączyć ikonę osób.

mapTypeControl:false, 
scaleControl:false, 
streetViewControl:false, 
overviewMapControl:false, 
rotateControl:false, 

jeśli chcesz usunąć wszystkie następnie użyj:

mapTypeControl: false, 
disableDefaultUI: true, 

jeśli chcesz projektować kolor mapy, spróbuj tego:

var mapStyles = [ {"featureType":"road","elementType":"labels","stylers":[{"visibility":"simplified"},{"lightness":20}]},{"featureType":"administrative.land_parcel","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"landscape.man_made","elementType":"all","stylers":[{"visibility":"on"}]},{"featureType":"transit","elementType":"all","stylers":[{"saturation":-100},{"visibility":"on"},{"lightness":10}]},{"featureType":"road.local","elementType":"all","stylers":[{"visibility":"on"}]},{"featureType":"road.local","elementType":"all","stylers":[{"visibility":"on"}]},{"featureType":"road.highway","elementType":"labels","stylers":[{"visibility":"simplified"}]},{"featureType":"poi","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"road.arterial","elementType":"labels","stylers":[{"visibility":"on"},{"lightness":50}]},{"featureType":"water","elementType":"all","stylers":[{"hue":"#3b5998"},{"saturation":30},{"lightness":49}]},{"featureType":"road.highway","elementType":"geometry","stylers":[{"hue":"#3b5998"}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"hue":"#3b5998"}]}, {featureType:'road.highway',elementType:'all',stylers:[{hue:'#3b5998'},{saturation:-92},{lightness:60},{visibility:'on'}]}, {featureType:'landscape.natural',elementType:'all',stylers:[{hue:'#3b5998'},{saturation:-71},{lightness:-18},{visibility:'on'}]}, {featureType:'poi',elementType:'all',stylers:[{hue:'#3b5998'},{saturation:-70},{lightness:20},{visibility:'on'}]} ]; 

zmianę atrybutu kolor #, jak chcesz , a następnie umieść ten styl na mapie:

mapTypeId: google.maps.MapTypeId.ROADMAP, 
zoom: 9, // optional based on your requirement 
styles: mapStyles 

Jeśli chcesz projektować ikony, a następnie umieścić w tym:

marker = new google.maps.Marker({ 
icon: "/images/icon/marker123.png", // based on your dir file 
position: point, // based on your srcipt selection 
map: map 

nadzieję, że to przydatne dla innych. :)

2

aby wyłączyć ikonę man, możesz ustawić streetViewControl na wartość false w opcjach mapy.

streetViewControl: false