Databases
StackOverflow2013
Postsdbo
POMultiple routes on google maps V3 javascript
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POMultiple routes on google maps V3 javascript
    primarykey
    data
    text
    <p>I want to view different routes on the same map. I will load the routes from a file and put them in the two array "start" and "end". calcRoute take the array start and the end as start and end of the route. I iterate this function (in this case two time) to create the two routes. But it is viewable only the last one. I would like to see all the routes that are inside the array.</p> <pre><code>var directionsDisplay; var rendererOptions = { preserveViewport: true, draggable: false, suppressMarkers: true, polylineOptions: { map: map, strokeColor:'#FF0000', //strokeWidth: 3, strokeOpacity: 0.7} }; var start = ['Trento, via belenzani 11', 'Trento, piazza duomo'] var end = ['Trento, via belenzani 50', 'Trento, piazza pasi'] var map; function initialize() { var trento = new google.maps.LatLng(46.066712,11.119059); var myOptions = { zoom:12, mapTypeId: google.maps.MapTypeId.ROADMAP, center: trento } map = new google.maps.Map(document.getElementById("map"), myOptions); for (var i=0; i &lt; 2; i++){ calcRoute(start[i], end [i]); } directionsDisplay.setMap(map); } function calcRoute(source,destination){ // show route between the points directionsService = new google.maps.DirectionsService(); directionsDisplay = new google.maps.DirectionsRenderer(rendererOptions); directionsDisplay.setMap(map); var request = { origin:source, destination:destination, travelMode: google.maps.DirectionsTravelMode.WALKING }; directionsService.route(request, function(response, status) { if (status == google.maps.DirectionsStatus.OK) { directionsDisplay.setDirections(response); } }); } </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USuser1382278
    1. USuser1382278
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POMultiple routes on google maps V3 javascript
      1. USlfergon
      1. VTFavorite
    2. VO
      singulars
      1. POMultiple routes on google maps V3 javascript
      1. USFred Vicentin
      1. VTFavorite
    3. VO
      singulars
      1. POMultiple routes on google maps V3 javascript
      1. This table or related slice is empty.
      1. VTUpMod
    1. COWhy the loop is not correct? My array is: position=[start1,end1,start2,end2,...]. calcRoute need (start1,end1) and then (start2, end2) so I need position k and k+1 and the next k+2 and k+3. That can be obtain by the loop that I have used. The definition of the calcRoute is at the end of the code posted:
      singulars
      1. POMultiple routes on google maps V3 javascript
      1. USuser1382278
    2. COThis code before posting was working. It shows only the last postion. Now is not working. Mabye I have make some mistake in copy it. The for loop is not correct: I need for (var k; k<3; k++){calcRoute(percorso[k],percorso[k+1]); k++}
      singulars
      1. POMultiple routes on google maps V3 javascript
      1. USuser1382278
    3. COI have edited all the post: new code with two separated array one for the source and the other for the destination of the route. The structure is very similar to the previuos code, but this is working but display only the last route.
      singulars
      1. POMultiple routes on google maps V3 javascript
      1. USuser1382278
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload