Api map de google

Utilisateur anonyme -  
 Utilisateur anonyme -
Bonjour,
Je suis actuellement en train de me prendre la tête avec cette API [adjectif gratifiant],
je me suis fait une petite fonction en js pour afficher ma map dans une belle petite div, en test sur une page vierge ça fonctionne très bien. seulement lorsque j'utilise ma fonction sur une page un peu plus complète ça donne ceci :

http://img856.imageshack.us/img856/8373/znq4.png

Et plus bizarre encore, quand je zoom/dezoom avec le navigateur, elle s'affiche correctement après.

Est-ce qu'il y à un paramètre CSS à proscrire avec cette API ?
Dans la console du navigateur j'ai une erreur js IndexSizeError dans le fichier js mad in google.

Moi y'en à pas comprendre...
A voir également:

3 réponses

Réponse 1 / 3
darknesskun Messages postés 2 Statut Membre
 
hello il y a une phrase simple pour sa :

BA c'est la vie =)
0
Réponse 2 / 3
Pitet Messages postés 2845 Statut Membre 527
 
Salut,

Cela ressemble beaucoup à un problème d'initialisation de la taille de la map (message d'erreur + rendu). Peux tu nous montrer comment tu initialises cette dernière ?
0
Réponse 3 / 3
Utilisateur anonyme
 
voila mon code js divid etant la map, divid2 le panel :
function itineraire(depart, arrivee, divid, divid2)
{
navigator.geolocation.watchPosition(
function (position) {
var lats = position.coords.latitude;//enregistrement de longitude et latitude
var lngs = position.coords.longitude;
var posit = new google.maps.LatLng(lats , lngs);

var mapOptions = {
(zoom par defaut, position, type de map et dans quelle DIV l'afficher
center: posit,
zoom: 12,
mapTypeId: google.maps.MapTypeId.ROADMAP }

google.maps.visualRefresh = true;

var map = new google.maps.Map(document.getElementById(divid), mapOptions);

direction = new google.maps.DirectionsRenderer({
map : map,
panel : document.getElementById(divid2) });

var request = {//definition du lieux de depart, d'arriver, et du moyen de transport
origin : depart,
destination : arrivee,
waypoints : waydir,
travelMode : google.maps.DirectionsTravelMode.DRIVING};

var directionsService = new google.maps.DirectionsService();
directionsService.route(request, function(response, status){
if(status == google.maps.DirectionsStatus.OK){
direction.setDirections(response);}
else { alert('Votre requete n\'a pas put aboutir'); window.location.replace("index.html"); }
});
}
);
}

et mon html :

<div id="panelmap" style="margin:auto; position:absolute; left:0px; top:80px; height:250px; overflow:auto; width:1100px;" ></div>
<div id="apimap" style="width:500px; height:420px; left:300px; top:330px; position:absolute;" ></div>
0