天地图引用及设置导航路线

最新推荐文章于 2025-04-02 22:30:00 发布

曾十一一一

最新推荐文章于 2025-04-02 22:30:00 发布

阅读量2.2k

点赞数 3

文章标签： javascript 前端

本文链接：https://blog.csdn.net/qq_45733762/article/details/126054652

版权

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content="天地图"/>
    <title>天地图－地图API－范例－设置途经点</title>
    <script type="text/javascript" src="http://api.tianditu.gov.cn/api?v=4.0&tk=ca0f6a193803471f59c909e5768c8860"></script>
    <script src="http://lbs.tianditu.gov.cn/js/lib/jquery/jquery-1.7.2.min.js"></script>
    <style type="text/css">
        body, html {
            width: 100%;
            height: 100%;
            margin: 0;
            font-family: "微软雅黑";
        }

        #mapDiv {
            height: 400px;
            width: 100%;
        }

        input, p {
            margin-top: 10px;
            margin-left: 5px;
            font-size: 14px;
        }
    </style>
    <script>
        var map, drivingRoute;
        var zoom = 12;
        var startIcon = "http://lbs.tianditu.gov.cn/images/bus/start.png";  //起点图标
        var endIcon = "http://lbs.tianditu.gov.cn/images/bus/end.png";      //终点图标
        var mid = "http://lbs.tianditu.gov.cn/images/driving/routeWayPoint.png";
        var startLngLat;
        var endLngLat;
        var mid1;
        var mid2;
        var infoWin = null;

最低0.47元/天解锁文章