2012-02-23 5 views
2

Je ne vois aucune raison pour laquelle les commandes de zoom ne s'affichent pas car les commandes ne sont pas désactivées dans mon option? c'est v3 google map..a quelqu'un a-t-il fait face à un problème similaire? Je peux zoomer et dézoomer en utilisant le bouton de défilement de la souris ou le pavé tactile de l'ordinateur portable ... mais les icônes +/- seraient super!google map v3 Commandes de zoom ne pas afficher

var geocoder; 
    var map; 

    function initialize() { 
    geocoder = new google.maps.Geocoder(); 
    var latlng = new google.maps.LatLng(42.095287, -79.3185139); 
    var myOptions = { 
     maxZoom: 12, 
     //zoom: 9, 
     //center: latlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
    }; 
    map = new google.maps.Map(document.getElementById("map_canvas"), 
     myOptions); 
    } 
+0

Qu'est-ce qui se passe si vous utilisez à la fois le zoom: 9 et aussi maxZoom: 12? –

Répondre

2

Vous devez utiliser le zoom et également les propriétés du centre pour afficher votre carte correctement, voici un jsfiddle d'une carte construite avec vos options. http://jsfiddle.net/5ytkx/9/

Supprimez les commentaires avant que les propriétés de zoom et centre

zoom: 9, 
center: latlng, 
+1

Merci beaucoup! La réponse était différente, mais vous avez allumé cette lumière dans mon cerveau! J'ai comparé le css entre votre violon et ma page Sharepoint, où la carte a été intégrée sur .. une classe css .gmnoprint {display: none! important;} était le coupable! Pas étonnant que tous les contrôles avaient disparu! :) –

+0

Vous êtes les bienvenus, heureux de développement :) –

0

pourrait-il être parce que votre variable myOptions inclut une virgule de fin?

mapTypeId: google.maps.MapTypeId.ROADMAP, 

Cela fonctionnera-t-il si vous supprimez cela?

Hope this helps

+1

J'ai supprimé la virgule, la carte affiche bien, toujours pas de contrôles! :( –

0

Pourriez-vous essayer?

mapTypeId: google.maps.MapTypeId['ROADMAP'] 
+0

cela n'a pas vraiment aidé, mais merci! –