1、准备GOOGLE地图的KEY
如果不知道申请地址,请点击 此链接 获取 GOOGLE MAP KEY
2、废话不多说,开始测试 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>
3、HTML代码
<body οnlοad="initMap()">
<div id="map_canvas" style="height:90%;top:30px"></div>
</body>
4、收获地图;(如果还有疑问可访问GOOGLE MAP 官网 GOOGLE MAP API)