2013-06-26 14 views
7

ich bin mit Google Maps mit meinem Projekt entfernen, wie Sie hier sehen können (Demo)Google Maps Standard Manikone

in der linken oberen Sie Manikone sehen und vergrößern ich will Manikone und setzen Zoom links entfernen -top was soll ich tun? Ich bin mit dieser Bibliothek js library und Sie können diese andere Bibliothek in (Ansicht) Quelle Demo Link [3] this is my aim.look left top please

+0

Haben Sie dieses Problem gelöst? – fledgling

+0

@Fledgling nein .... – user1688401

+0

Irgendwelche Alternativen? – fledgling

Antwort

14

sollte entfernen Sie den Blick auf die Straße (der Mann) und die Pan-Regler sehen:

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

Beispiel für die Verwendung von Google maps Optionen:

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

Ich verwende keine Kartenoptionen. Wo sollte ich das hinzufügen? Einen Event Listener aufrufen? Dies ist meine Quelle: view-source: http: //f.hybridsoftware.net/map.htm – user1688401

+0

Ich kann anhand Ihres Codes sehen, dass Sie die Dinge ein wenig anders machen, wenn Sie die Kartenoperation direkt auf dem Canvas-Knoten ausführen. Im Allgemeinen wird eine map-Variable erstellt und dann an das canvas-div gebunden, wie in dem Beispiel gezeigt, das ich meiner Antwort hinzugefügt habe. Es könnte möglich sein, die Option direkt auf das Canvas-div anzuwenden, aber ich bin nicht damit vertraut. – jdehlin

2

ich hoffe, Sie

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

Ich verwende keine Kartenoptionen. Wo sollte ich das hinzufügen? Einen Event Listener aufrufen? Das ist meine Quelle: view-source: f.hybridsoftware.net/map.htm – user1688401

1

Die obigen Antworten entsprechen nicht Ihrer Frage. Versuchen Sie, dass es seine Arbeit für mich verursachte, das Leuteikone zu sperren.

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

, wenn Sie alle verwenden Sie diese entfernen möchten:

mapTypeControl: false, 
disableDefaultUI: true, 

ob Sie die Karte Farbe, Stil wollen, versuchen Sie dies:

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'}]} ]; 

verfärben Attribut #, wie Sie möchten , dann setzen Sie diesen Stil in Ihre Karte:

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

Wenn Sie auf die Symbole, um Stil wollen, dann formulieren:

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

Hoffnung das nützlich für andere. :)

2

um das Man-Symbol zu deaktivieren, können Sie streetViewControl in Ihren Kartenoptionen auf false setzen.

streetViewControl: false