谷歌地图 api 上的“新 google.maps.directionService()”错误

Posted 2023-05-09

【中文标题】谷歌地图 api 上的“新 google.maps.directionService()”错误

【英文标题】：Error with "new google.maps.directionService()" on google maps api

【发布时间】：2013-10-23 17:37:13

【问题描述】：

我正在尝试使用 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();

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

【参考方案1】：

你拼错了DirectionsService

应该是：

dirService = new google.maps.directionsService();

不是：

dirService = new google.maps.directionService();

【讨论】：

同样的错误出现在我调用directionRenderer的那一行，右调用是directionsRenderer

抱歉，我对这个脚本有另一个问题，现在一切正常，但脚本返回 ZERO_RESULTS，GPS 坐标正确并在谷歌地图中测试，为什么我收到这个返回值？

不知道。 Those coordinates return a route for me

你是怎么测坐标的？

我从您发布的代码中获取了它们。他们不正确吗？ var myOrigin = new google.maps.LatLng( 46.448327,12.37707); var myDestination = new google.maps.LatLng( 46.443993,12.388498)