生活随笔
收集整理的這篇文章主要介紹了
高德地图API路径规划结果清除
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
關于高德地圖API之路徑規(guī)劃結果的清除(js API)
偶然用到高德地圖API做路徑規(guī)劃,在做的過程中發(fā)現(xiàn)連續(xù)進行不同的路徑規(guī)劃產(chǎn)生的結果是疊加的。如何清除上一次的路徑規(guī)劃呢?開發(fā)手冊上有一個 clear() 函數(shù),就是用來清除搜索結果的。廢話不多說,直接上代碼:
<%@ 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>地點關鍵字 + 公交路線規(guī)劃
</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'>忻府區(qū)公交線路查詢
</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 transferfunction lineSearch() {if(transfer){transfer.clear();}transfer = new AMap.Transfer(transOptions);var start = document.getElementById('starname').value;var end = document.getElementById('endname').value;transfer.search([{keyword: start, city: '忻州市'},{keyword: end, city: '忻州市'}], function (status, result) {if (status === 'complete') {log.success('繪制公交路線完成')} else {log.error('公交路線數(shù)據(jù)查詢失敗' + result)}});}lineSearch();document.getElementById('search').onclick = lineSearch;
</script>
</body>
</html>
??
總結
以上是生活随笔為你收集整理的高德地图API路径规划结果清除的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網(wǎng)站內(nèi)容還不錯,歡迎將生活随笔推薦給好友。