请问老师我哪里写错了,怎么路线出不来

来源:8-6 货车路线(2)

一架小飞机

2020-09-08 16:43:39

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>货车路线2</title>

    <!-- 引入地图的api key -->

    <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=e53547eda1b05ef821e2dd41e12fde90&plugin=AMap.Autocomplete,AMap.TruckDriving"></script> 

    <!-- 样式表 -->

    <style>

        #container{

            width:100%;

            height:700px;

        }

        /*  */

        #panel{

            position:fixed;

            background:white;

            top:10px;

            right:10px;

            width:280px;

        }

        /* 搜索框 */

        #search{

            width:200px;

            height:100px;

            position:absolute;

            left:10px;

            top:10px;

            background:white;

        }

    </style>

</head>

<body>

    <!-- 创建地图容器 -->

    <div id="container"></div>

    <!--  -->

    <div id="panel"></div>

    <!-- 搜索 -->

    <div id="search">

        起点:<input type="text" name="" id="begin">

        <br>

        <!-- 途径:<input type="text" id='center'> -->

        <br>

        终点:<input type="text" name="" id="end">

        <br>

        <button id="to">开始导航</button>

    </div>



    <!-- 脚本区域 -->

    <script>

        // 实例化地图

        var map = new AMap.Map('container',{

            zoom:13,

            center:[116.322056,39.89491]

        });


        

        // 自动提示插件

        var auto = new AMap.Autocomplete({

            input:'begin'

        });

        var auto3 = new AMap.Autocomplete({

            input:'end'

        });

        var auto2 = new AMap.Autocomplete({

            input:'center'

        });


        // 点击导航按钮时开始导航

        to.onclick = function(){

            // 导航

            new AMap.TruckDriving({

                map:map,

                panel:'panel',

                // 限定城市

                city:'beijing',

                // 车型大小 1-4分为小型车到大型

                size:1

            }).search(

                [

                    { keyword:begin.value,city:'北京' },

                    // { keyword:center.value,city:'北京' },

                    { keyword:end.value,city:'北京' },

                ],function(status,data){

                console.log(data)

                 }

            );

        }











        // 使用数组存放经纬度的方式

        // new AMap.TruckDriving({

        //     map:map,

        //     panel:'panel',

        //     // 火车路线规划,多个一个指定地点

        //     city:'beijing',

        //     // 以及size属性

        //     size:1

        // }).search(

        //             // [

        //             //     {lnglat:[117.522855,29.336233]},

        //             //     {lnglat:[118.544575,27.320234]},

        //             //     {lnglat:[119.544575,28.320234]}

        //             // ]

        //            [

        //                {keyword:begin.value,city:'北京'},

        //                {keyword:center.value,city:'北京'},

        //                {keyword:end.value,city:'北京'}

        //            ]

        //             ,function(status,data){

        //     console.log(data);

        // });

    </script>

</body>

</html>


写回答

1回答

好帮手慕夭夭

2020-09-08

同学你好,不是代码的问题,应该是同学申请的key有问题,老师这边换了一个key就可以了。建议去官网重新申请一个:

http://img.mukewang.com/climg/5f574928093efa3509630093.jpg

祝学习愉快~

0

0 学习 · 6815 问题

查看课程