0

我正在尝试使用 google maps api 和 jquery-mobile 制作地图，我想做的地图是方向图。我有两个 GPS 坐标，我想在地图初始化时显示两点之间的方式。这是代码：

<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> 

<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> 

<script src="http://maps.google.com/maps/api/js?sensor=false"></script>

<script type="text/javascript" src="../js/jquery.ui.map.js"></script>

<script type="text/javascript" src="../js/jquery.ui.map.extensions.js"></script>

脚本的代码是：

<script type="text/javascript" >

var dirService;

var render;

function calcolateRoute(){

   dirService = new google.maps.directionService();

   var myOrigin = new google.maps.LatLng( 46.448327,12.37707);

   var myDestination = new google.maps.LatLng( 46.443993,12.388498)

   var mapOptions = {

  zoom:7,

  mapTypeId: google.maps.MapTypeId.ROADMAP,

  center: myOrigin};

  var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

  var renderOpt = { map:map };
render = new google.maps.directionRenderer(renderOpt);

var requestRoute = {

        origin: myOrigin,

        destination: myDestination,

        travelMode: google.maps.travelMode.BICYCLING};

dirService.route(requestRoute, function(result, status){

if(status == google.maps.DirectionsStatus.OK){

    render.setDirection(result);                        

}else{

            alert('ERROR ');}

});



}
</script>

当浏览器呈现页面时，我收到此错误：

Uncaught TypeError: undefined is not a function

在线

dirService = new google.maps.directionService();

我不明白为什么脚本返回错误....有人可以帮助我吗？对不起，我的英语不好！！

4

1 回答 1

0

您拼写错误的DirectionsService

应该：

dirService = new google.maps.directionsService();

不是：

dirService = new google.maps.directionService();
于 2013-10-15T19:38:06.503 回答