高德地图js api实现两点之间路径规划效果代码

代码语言:html

所属分类:其他

代码描述:高德地图js api实现两点之间路径规划效果代码

代码标签: api 实现 两点 之间 路径 规划 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <title></title>
    <link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css" />
    <style>
        html,body,#container{
            height:100%;
        }
        .btn{
            position: fixed;
            bottom: 20px;
            right: 20px;
            background-color: white;
            width: 11rem
        }
    </style>
</head>
<body>
    <div id="container" ></div>
    <div class="info"  style='min-width:10rem;'>
        <img src="//a.amap.com/lbs/static/img/js-drivingonapp.png" style='width:120px;height:120px'>
        <div style='text-align: center'>手机扫码打开示例</div>
    </div>
    <input type='button' id='callApp' class="btn" value='点击调起高德地图'/>
    
    <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=243687cce3d5ac3f.........完整代码请登录后点击上方下载按钮下载查看

网友评论0