A voir également:
- Api map de google
- Google maps satellite - Guide
- Dns google - Guide
- Google earth - Télécharger - 3D
- Coordonnées gps google maps - Guide
- Créer un compte google - Guide
3 réponses
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
23 sept. 2013 à 11:38
hello il y a une phrase simple pour sa :
BA c'est la vie =)
BA c'est la vie =)
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
524
23 sept. 2013 à 14:51
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 ?
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 ?
Utilisateur anonyme
23 sept. 2013 à 15:28
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>
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>
