GoogleMap 导航

来源：互联网发布：windows.old不小心删了编辑：程序博客网时间：2024/04/25 17:27
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 onload="init();">    <div id="map"></div></body></html>
0 0