google maps l'affichage d'un itinéraire

selon google maps, je peux planifier un itinéraire qui traverse plusieurs points de cheminement. C'est expliqué ici:http://code.google.com/intl/nl-NL/api/maps/documentation/javascript/services.html#Routes

Maintenant, l'api veut de moi pour ajouter des waypoints comme ceci:

location: waypoints

donc waypoints est un tableau qui je dois l'attribuer à l'emplacement: paramètre, mais de ce que j'ai vu dans la démo de remplir le tableau avec les chaînes de la situation. Ce que je me demandais si il était possible de passer la latitude et la longitude à la place des cordes?

mise à jour: c'est la partie où j'essaie de créer un itinéraire. j'ai mis la même valeur dans un endroit tout au long de la totalité de la boucle pour le moment, mais l'id ne fonctionne pas si j'utilise les valeurs d'une variable ni

function calcRoute() {

    var waypts = [];

    for (var i in owt.stores.spotStore.data.map) {
        waypts.push({
            location:  new google.maps.LatLng(12.3, -33.6),
            stopover:true
        });
        console.log(waypts);
    }
    var request = {
        origin: new google.maps.LatLng(50.82788, 3.26499),
        destination: new google.maps.LatLng(50.82788, 3.26499),
        waypoints: waypts,
        optimizeWaypoints: true,
        travelMode: google.maps.DirectionsTravelMode.DRIVING
    };

    directionsService.route(request, function(response, status) {
        if (status == google.maps.DirectionsStatus.OK) {
            directionsDisplay.setDirections(response);
        }
    });
}
;

InformationsquelleAutor vincent | 2011-03-24

google-maps javascript

10

Selon la Référence de l'API:

Un DirectionsWaypoint représente un lieu d'origine et de destination à travers lequel, le voyage doit être acheminé.

emplacement LatLng|string Waypoint
emplacement. Peut être une adresse ou chaîne
LatLng. En option

Afin de créer un Waypoint avec un lat-long valeur doit être comme ci-dessous
```
return {
    location:new google.maps.LatLng(12.3, -33.6),
    stopover:true
};
```
- ok j'ai fait cela, mais la situation ne cesse de dire ZERO_RESULTS, j'ai mis à jour mon post pour montrer la fonction où je compile les routes, vous pourriez peut-être jeter un oeil pour voir si quelque chose est mal? Ce n'est que la dernière partie du code, puisque tout le reste fonctionne correctement à l'exception de cette partie.
- Je l'ai mis dans les valeurs (12.3, -33.6) juste pour montrer un exemple de comment vous pouvez créer un nouveau point de Jonathan l'a souligné ci-dessus, ces coordonnées sont dans le milieu de l'Océan Atlantique! C'est probablement pourquoi vous n'obtenez pas de résultats. Aussi, dans l'exemple de code, de votre origine et de destination sont les mêmes, c'est par la conception, à droite?
InformationsquelleAutor no.good.at.coding

Selon google, la documentation le waypoint peut être une chaîne ou une LatLng objet.
http://code.google.com/apis/maps/documentation/javascript/reference.html#DirectionsWaypoint

voici un exemple d'utilisation de LatLng

    <!DOCTYPE html>
<html>
<head><meta name="viewport" content="initial-scale=1.0, user-scalable=no"/><meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps JavaScript API v3 Example: Directions Waypoints</title>
<link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false">
</script>
<script type="text/javascript">
var directionDisplay;
var directionsService = new google.maps.DirectionsService();
var map;
function initialize() {
directionsDisplay = new google.maps.DirectionsRenderer();
var chicago = new google.maps.LatLng(-40.321, 175.54);
var myOptions = {
zoom: 6,
mapTypeId: google.maps.MapTypeId.ROADMAP,
center: chicago
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
directionsDisplay.setMap(map);
calcRoute();
}
function calcRoute() {
var waypts = [];
stop = new google.maps.LatLng(-39.419, 175.57)
waypts.push({
location:stop,
stopover:true});
start  = new google.maps.LatLng(-40.321, 175.54);
end = new google.maps.LatLng(-38.942, 175.76);
var request = {
origin: start,
destination: end,
waypoints: waypts,
optimizeWaypoints: true,
travelMode: google.maps.DirectionsTravelMode.WALKING
};
directionsService.route(request, function(response, status) {
if (status == google.maps.DirectionsStatus.OK) {
directionsDisplay.setDirections(response);
var route = response.routes[0];
}
});
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width:70%;height:80%;">
</div>
<br />
<div>
</div>
</body>
</html>

Le code ci-dessus ne fonctionne pas. pas d'erreurs, pas de carte.

InformationsquelleAutor Michal

Les points de passage peut être une chaîne ou une latlng.

http://code.google.com/intl/nl-NL/apis/maps/documentation/javascript/services.html#Directions

En particulier:

points de[] (facultatif) spécifie un
tableau de DirectionsWaypoints.
Waypoints de modifier un itinéraire de routage, il
grâce à l'emplacement spécifié(s). Un
waypoint est spécifié comme un objet
littérale avec les champs indiqués ci-après:
location specifies the location of the waypoint, either as a LatLng or as
une Chaîne de caractères qui sera géocodées.
escale est un booléen qui indique que le point est un arrêt
sur la route, ce qui a pour effet de
le fractionnement de la route en deux voies.

(Pour plus d'informations sur les waypoints,
voir Utilisation de points de cheminement dans les Itinéraires ci-dessous.)

MODIFIER

Vos points de passage ne sont pas valides pour le routage, c'est à dire qu'ils sont dans l'eau - essayez de centrage de la carte sur (12, -33.6).

Voici un échantillon à l'aide de points de passage (pas la plus jolie de code, mais c'est un exemple 😉 ).

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript">
var myRouter = {
map_: null,
directionsHelper_: null,
stores: [
{name: "store1", location: new google.maps.LatLng(50.82788, 3.76499)},
{name: "store2", location: new google.maps.LatLng(51.02788, 3.9)}
],
calcRoute: function() {
var waypts = [];
for (var i in this.stores) {
waypts.push({
location: this.stores[i].location,
stopover:true
});
}
var request = {
origin: new google.maps.LatLng(50.82788, 3.26499),
destination: "Antwerp",
waypoints: waypts,
optimizeWaypoints: true,
travelMode: google.maps.DirectionsTravelMode.DRIVING
};
var _SELF = this;
this.directionsHelper_.route(request, function(response, status) {
if (status == google.maps.DirectionsStatus.OK) {
_SELF.directionsDisplay_.setDirections(response);
return;
}
console.log('Directions Status: ' + status);
});
},
init: function(mapid) {
this.directionsHelper_ = new google.maps.DirectionsService();
this.directionsDisplay_ = new google.maps.DirectionsRenderer();
var center = new google.maps.LatLng(50.82788, 3.26499);
var myOptions = {
zoom:7,
mapTypeId: google.maps.MapTypeId.ROADMAP,
center: center
}
this.map_ = new google.maps.Map(document.getElementById(mapid), myOptions);
this.directionsDisplay_.setMap(this.map_);
this.calcRoute();
}
};
$(document).ready(function() {
myRouter.init('map');
});
</script>
<style type="text/css">
#map {
height: 500px;
width: 600px;
border: 1px solid #000;
}
</style>
</head>
<body>
<div id="map"></div>
</body>
</html>

InformationsquelleAutor Jonathan

Vous devez vous connecter pour publier un commentaire.