Planowanie podróży w GoogleMaps

0

Witajcie,
wiecie może czy google udostępnia w swoim api jakieś gotowe przykłady z planowaniem podróży??
Znalazłem tylko: http://gmaps-samples.googlecode.com/svn/trunk/streetview/streetview_directions.html

ten przykład byłby dobry gdyby pokazywał jeszcze ilości km pomiędzy punktami i nie pokazywał tej wizualizacji... kiedyś wiedziałem taki przykład, ale teraz gdzieś go wcięło... :/

0

http://www.daftlogic.com/projects-google-maps-distance-calculator.htm

czy chodzi Ci o trase po ulicach (to mozna pewnie dorobic )

0

chodzi mi o takie coś jak w tym moim przykładzie, tylko bez tego streetviewa i z km...

0

nie wiem jak to jest z ilością kilometrów, ale go google maps jest przykładów w sieci od cholery i jeszcze troszkę... w sumie dość dobrze to jest w api opisane... tak na szybko przykład na współrzędnych...

na stronkę wrzucasz dwa divy o id:

  • map (na samą mapkę)
  • desc (na opis trasy)

-tworzysz mapkę i "centrujesz" ją na współrzędnych lat1, lng1 ze startowym powiększeniem zoom

map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(lat1, lng1), zoom);

-tworzysz trasę, jeśli podajesz drugi parametr, to będzie to div do którego trafi opis trasy (w tym przypadku trafi on do diva desc)

gdirOptions = { "getPolyline": true, "getSteps": true };
var gdir = new GDirections(map, desc);
  • tutaj miałem punkt startowy, punkt przez i punkt końcowy (chciałem wymusić objazd) zapisany w tabeli
direction[0] = new Array(new GLatLng(50.003789, 18.471794), new GLatLng(49.943875, 18.546243), new GLatLng(49.946782, 18.583738));
gdir.loadFromWaypoints(direction[0], gdirOptions);

to tak na szybko, że można coś takiego zrobić... po adresach też idzie - api + google

Ogólnie api od tych map pozwala prawie na wszysko...

Edit1: nie wiem co chcesz osiągnąć, ale:

gdirOptions był tutaj użyty, aby można było pomalować inaczej trasę... można by go pewnie użyć, żeby np. symulować jazdę autkiem, bo gdir jest w tym przypadku zbiorem punktów...

GEvent.addListener(gdir, "load", function()
	{
	var polyline = gdir.getPolyline();
	polyline.setStrokeStyle({color:'#ff0000', weight:3,opacity: 0.7});
	map.addOverlay(polyline);
	});

ja sobie tylko kolorowałem trasę, ale od czego inwencja? ;)

Edit2: w najgorszym przypadku można pobrać liczbę kilometrów poprzez jakieś wyrażenie regularne z treści div'a, który zawiera opis trasy - w tym przypadku to byłby desc...

0

ja bym chciał zrobić coś takiego jak ma: http://mapy.google.pl/ -> Pokaż trasę...

jest może jakiś przykład do tego??

0

przepraszam, ale czy google strajkuje? Część małej stronki, którą w tej chwili robię opiera się na google maps (pokazywanie lokalizacji, trasy do lokalizacji itp.) i wszystko co potrzebuję w google znajduję... np. masa przykładów: http://econym.googlepages.com/index.htm

Edit: cuda, cudeńka - można się pobawić w połącznie przykładów:

0

fajne , tylko ja bym chciał w sumie coś takiego:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"  xmlns:v="urn:schemas-microsoft-com:vml">
  <head>
    <title>Google Maps JavaScript API Example: Simple Directions</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <script src="http://maps.google.com/maps?file=api&v=2.x&key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA"
      type="text/javascript"></script>
    <script type="text/javascript"> 
	// Create a directions object and register a map and DIV to hold the 
    // resulting computed directions
    var map;
    var directionsPanel;
    var directions;
    function initialize() {
      map = new GMap2(document.getElementById("map_canvas"));
      map.setCenter(new GLatLng(42.351505,-71.094455), 15);
      directionsPanel = document.getElementById("route");
      directions = new GDirections(map, directionsPanel);
      directions.load("from: 500 Memorial Drive, Cambridge, MA to: 4 Yawkey Way, Boston, MA 02215 (Fenway Park)");
    }
    </script>
  </head>
  <body onload="initialize()">
    <div id="map_canvas" style="width: 70%; height: 480px; float:left; border: 1px solid black;"></div>
    <div id="route" style="width: 25%; height:480px; float:right; border; 1px solid black;"></div>
    <br/>
  </body>
</html>

'

tylko brakuje w tym pól z możliwością ręcznego podania adresu - tak byłoby super :/

0

Dodaj sobie edity i buttona, w którego onclicku bedzie directions.load(tresc z inputow zmontowana)

0

z natury jestem chamski i nie podaję gotowych rozwiązań... ale mogę nakierować... tu masz kurs gdzie na pewno znajdziesz odpowiedź: http://gmapsapi.com/

a żeby być miłym, to masz link z tej strony, gdzie jest coś takiego rozwiązane (może trochę inaczej niż chcesz, ale można przecież przerobić): http://gmapsapi.com/podstawy/011_geokodowanie_adresow.html

0

ok, dzięki WIELKIE :)))

1 użytkowników online, w tym zalogowanych: 0, gości: 1