JS 实现GOOGLE地图线路规划

来源：互联网发布：按键小精灵查看源码编辑：程序博客网时间：2024/04/29 00:45

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 onload="initMap()"> <div id="map_canvas" style="height:90%;top:30px"></div> </body>

4、收获地图；(如果还有疑问可访问GOOGLE MAP 官网 GOOGLE MAP API)

1 0