关于谷歌地图实现地图路线规划的功能，具体实现代码如下：
Html代码：
<body onload="initMap()"> <div id="map_canvas" style="height:90%;top:30px"></div> </body>
JS代码：
<script language="javascript" type="text/javascript">
function initMap() {
var initAddr = {lat: 31.230416, lng: 121.473701};
var destAddr = {lat: 32.230416, lng: 120.47370};
var map = new google.maps.Map(document.getElementById('map_canvas'), {
center: initAddr,
scrollwheel: false,
zoom: 7
});
var directionsDisplay = new google.maps.DirectionsRenderer({
map: map
});
// Set destination, origin and travel mode.
var request = {
origin: initAddr,
destination: destAddr,
travelMode: google.maps.TravelMode.DRIVING
};
// Pass the directions request to the directions service.
var directionsService = new google.maps.DirectionsService();
directionsService.route(request, function(response, status) {
if (status == google.maps.DirectionsStatus.OK) {
// Display the route on the map.
directionsDisplay.setDirections(response);
}
});
}
</script>根据自己项目的需要，根据上面代码的具体实现，封装上面代码。
评论