他们示例的谷歌地图行车路线源代码?

本文介绍了他们示例的谷歌地图行车路线源代码?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

谷歌举了个例子http://googlemapsapi.blogspot.com/2007/05/driving-directions-support- added-to.html

是否可以在某处找到源代码或有关该精确示例的教程?

解决方案

这是一个使用 v3 API:

<头><meta http-equiv="content-type" content="text/html; charset=UTF-8"/><title>Google Maps API v3 路线示例</title><脚本类型=文本/javascript"src="http://maps.google.com/maps/api/js?sensor=false"></script><body style="font-family: Arial; font-size: 12px;"><div style="width: 600px;"><div id="map" style="width: 280px; height: 400px; float: left;"></div><div id="panel" style="width: 300px; float: right;"></div>

<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <title>Google Maps API v3 Directions Example</title> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> </head> <body style="font-family: Arial; font-size: 12px;"> <div style="width: 600px;"> <div id="map" style="width: 280px; height: 400px; float: left;"></div> <div id="panel" style="width: 300px; float: right;"></div> </div> <script type="text/javascript"> var directionsService = new google.maps.DirectionsService(); var directionsDisplay = new google.maps.DirectionsRenderer(); var map = new google.maps.Map(document.getElementById('map'), { zoom:7, mapTypeId: google.maps.MapTypeId.ROADMAP }); directionsDisplay.setMap(map); directionsDisplay.setPanel(document.getElementById('panel')); var request = { origin: 'Chicago', destination: 'New York', travelMode: google.maps.DirectionsTravelMode.DRIVING }; directionsService.route(request, function(response, status) { if (status == google.maps.DirectionsStatus.OK) { directionsDisplay.setDirections(response); } }); </script> </body> </html>