高德地图API路径规划结果清除

关于高德地图API之路径规划结果的清除（js API）
偶然用到高德地图API做路径规划，在做的过程中发现连续进行不同的路径规划产生的结果是叠加的。如何清除上一次的路径规划呢？开发手册上有一个 clear() 函数，就是用来清除搜索结果的。废话不多说，直接上代码：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><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><style type="text/css">html,body,#container {width: 100%;height: 100%;}</style><style type="text/css">#panel {position: fixed;background-color: white;max-height: 90%;overflow-y: auto;top: 10px;right: 10px;width: 280px;}#panel .amap-call {background-color: #009cf9;border-top-left-radius: 4px;border-top-right-radius: 4px;}#panel .amap-lib-transfer {border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;overflow: hidden;}</style><link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css"/><script src="https://a.amap.com/jsapi_demos/static/demo-center/js/demoutils.js"></script><script type="text/javascript"src="https://webapi.amap.com/maps?v=1.4.15&key=关注后端码匠&plugin=AMap.Transfer"></script><script type="text/javascript" src="https://cache.amap.com/lbs/static/addToolbar.js"></script>
</head>
<body>
<div class="" style='width:18rem;margin-top:50px;margin-bottom: 30px'><label style='color:grey'>忻府区公交线路查询</label><div class=""><div class="input-item-prepend"><span class="input-item-text">起始</span></div><input id='starname' type="text" value="市政府"><div class="input-item-prepend"><span class="input-item-text">终点</span></div><input id='endname' type="text" value="客运站"></div><input id="search" type="button" class="btn" value="查询"/>
</div>
<div id="container"></div>
<br>
<div id="panel" style="margin-top:120px;"></div><script type="text/javascript">var map = new AMap.Map("container", {resizeEnable: true,center: [112.734112, 38.417743],zoom: 13});var transOptions = {map: map,city: '忻州市',panel: 'panel',policy: AMap.TransferPolicy.LEAST_TIME //乘车策略};var transfer/*公交线路查询*/function lineSearch() {if(transfer){//调用clear()函数清除上一次结果，可以清除地图上绘制的路线以及路径文本结果transfer.clear();}//构造公交换乘类transfer = new AMap.Transfer(transOptions);var start = document.getElementById('starname').value;var end = document.getElementById('endname').value;//根据起、终点名称查询公交换乘路线transfer.search([{keyword: start, city: '忻州市'},//第一个元素city缺省时取transOptions的city属性{keyword: end, city: '忻州市'}//第二个元素city缺省时取transOptions的cityd属性], function (status, result) {// result即是对应的公交路线数据信息，相关数据结构文档请参考  https://lbs.amap.com/api/javascript-api/reference/route-search#m_TransferResultif (status === 'complete') {log.success('绘制公交路线完成')} else {log.error('公交路线数据查询失败' + result)}});}lineSearch();document.getElementById('search').onclick = lineSearch;
</script>
</body>
</html>

☺️

高德地图API路径规划结果清除相关推荐

高德地图驾车路径规划API，获取两地点之间的驾车里程和时间
高德地图驾车路径规划API,获取两地点之间的驾车里程和时间 import pandas as pd import requests import jsondef get_dis_tm(origin, ...
高德地图API路线规划
高德地图API基础使用高德地图API体验申请Key 初体验添加插件点击事件返回地址值两点之间获取驾车导航路线高德地图API体验申请Key 申请高德地图账号登录后,应用管理下创建自己的应 ...
高德地图货车路径规划JS API以及WEB API在VUE中使用方法
做一个路径规划系统,使用到了高德地图的API以及VUE,而路径规划方面在高德地图中,货车的接口使用次数是极为有限的,研究了一段时间,所以使用的时候要谨慎一点次数. 本文记录一下高德地图的JS API和 ...
vue[高德地图行车路径规划以及路线记录绘制操作]
最近的一个项目中需要根据需求将地图上画出一条高速公路,然后将这条高速公路的行车轨迹绘制成一条带有颜色路线以便后续插入内容. 看遍了不少高德地图的api内容以及搜索了不少的网上资源,发现可以通过路径规划 ...
3、VBA网抓高德地图货车路径规划距离（借助刘永富老师插件解析JSON格式数据）
Sub 高德货车()Dim x As MSXML2.XMLHTTP60Set x = New MSXML2.ServerXMLHTTP60With x.Open "GET", &q ...
python调用高德地图api获取路径规划，然后规划好点显示在地图上（农机路径转移）
我的博客好像跳度比较大,不少内容都涉及,但我是做ros组合导航的,其他的或者是项目设计,或者是因为兴趣,或者是随笔记下来. 无聊写来玩下的小demo,本来试图在硕士期间研究下这个课题即农机从仓库到田间 ...
高德地图api @amap/amap-jsapi-loader封装成方法(定位、点标记、路径规划、搜索等) 适用于vue等框架
高德地图api 封装成公共方法用于项目中目前封装的方法有定位点标记比例尺插件信息窗体经纬度附近搜索关键字搜索交通路径规划(经纬度或地点名) 步行路径规划(经纬度或地点名) 经纬度获取地 ...
python路径规划仿真实验_【python实战】批量获得路径规划——高德地图API
1.需求在上篇中,已经批量获得了经纬度信息,现在需要根据经纬度来进行路径规划,想知道两点之间的距离和路程.花费等信息. 这时候就需要用到高德地图API中的路径规划功能了. 2.过程 1. 构造经纬度 ...
高德地图API武汉某区域的步行路径规划
高德地图API的武汉某区域的步行路径规划利用python的requests函数,基于高德地图网页服务API 使用地理编码化.步行路径规划等开发方法以武汉武昌.青山交界处以区域为例做已有出行点至 ...

高德地图API路径规划结果清除

高德地图API路径规划结果清除相关推荐

最新文章

热门文章