Api map de google
lyni
-
lyni -
lyni -
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...
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...
3 réponses
-
hello il y a une phrase simple pour sa :
BA c'est la vie =) -
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 ? -
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>
