0

Google マップ API と jquery-mobile を使用してマップを作成しようとしています。実行したいマップはルート案内マップです。私は 2 つの GPS 座標を持っており、地図が初期化されたときに 2 点間の道を示したいと思っています。これはコードです：

<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 に答える