Api map de google

Fermé
Utilisateur anonyme - 23 sept. 2013 à 11:28
 Utilisateur anonyme - 23 sept. 2013 à 15:28
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 Date d'inscription lundi 23 septembre 2013 Statut Membre Dernière intervention 30 mars 2014
23 sept. 2013 à 11:38
hello il y a une phrase simple pour sa :

BA c'est la vie =)
0
Réponse 2 / 3
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 526
23 sept. 2013 à 14:51
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
23 sept. 2013 à 15:28
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