http://www.zdoz.net/ditu.html?startLat=23.1212&startLng=113.1212&endLat=23.1111&endLng=113.2323
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>谷歌地图 v3</title> <script src="http://maps.google.com/maps/api/js?v=3.1&sensor=true" type="text/javascript"></script> <script> function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null; } </script> <script type="text/javascript"> var map; // 地图对象 var directionsService = new google.maps.DirectionsService(); var directionDisplay; var path = null, timer = 0, index = 0, marker = null; function init() { var startLat = GetQueryString("startLat"); var startLng = GetQueryString("startLng"); var endLat = GetQueryString("endLat"); var endLng = GetQueryString("endLng"); var Slatlng = new google.maps.LatLng(startLat, startLng); var Elatlng = new google.maps.LatLng(endLat, endLng); directionsDisplay = new google.maps.DirectionsRenderer(); var coor = new google.maps.LatLng(startLat, startLng); map = new google.maps.Map(document.getElementById("map"), { zoom: 12, center: coor, mapTypeControl: false, mapTypeId: google.maps.MapTypeId.ROADMAP }); directionsDisplay.setMap(map); var request = { origin: Slatlng, destination: Elatlng, optimizeWaypoints: true, travelMode: google.maps.DirectionsTravelMode.DRIVING }; // 获取从“广州市火车站”到“广州市番禺区汉溪长隆”的线路 directionsService.route(request, function (response, status) { if (status == google.maps.DirectionsStatus.OK) { directionsDisplay.setDirections(response); path = response.routes[0].overview_path; if (path) { timer = window.setInterval(function () { if (!marker) { marker = new google.maps.Marker({ position: path[index++], map: map }); } else { if (index < path.length) { marker.setPosition(path[index++]); } else { index = 0; window.clearInterval(timer); } } }, 30); } } }); } </script> <style> html, body, #map { height: 100%; margin: 0px; padding: 0px } </style> </head> <body οnlοad="init();"> <div id="map"></div> </body> </html>
