第一次寫文章，寫得不好各位看官見諒~
(pσ_σ)P
首先這是一個(gè)vue里面的項(xiàng)目，高德地圖api是直接CDN進(jìn)來的，所以使用了global來調(diào)用，默認(rèn)已經(jīng)初始化了一個(gè)地圖，為了實(shí)現(xiàn)一個(gè)輸入框搜索功能和將搜索的結(jié)果清除掉，直觀表現(xiàn)就是將搜索出來的點(diǎn)清除掉，話不多說直接上代碼

// AMap.Autocomplete是輸入提示插件，詳情參考https://lbs.amap.com/api/javascript-api/reference/search#m_AMap.Autocompleteglobal.AMap.plugin('AMap.Autocomplete', () => {let autoOptions = {city: this.shopDatadetail.city,input: 'addressInput' // 輸入框ID}let autoComplete = new global.AMap.Autocomplete(autoOptions)// select為輸入框提示之后的選擇事件，監(jiān)聽事件用法詳情參考https://lbs.amap.com/api/javascript-api/reference/event/global.AMap.event.addListener(autoComplete, 'select', e => {this.chooseAddressSelect = e // e為回調(diào)函數(shù)返回的下拉框選擇的參數(shù)this.accuratePos = e.poi.name // accuratePos為輸入框v-model綁定的值global.AMap.service('AMap.PlaceSearch', () => {let searchOptions = {city: '全國',map: this.map}let searchRes = new global.AMap.PlaceSearch(searchOptions)// 搜索服務(wù)，詳情參考https://lbs.amap.com/api/javascript-api/reference/search#m_AMap.PlaceSearchsearchRes.search(this.chooseAddressSelect.poi.name, () => {// 其實(shí)這個(gè)地方是我最主要講的，請往下看searchRes.render.markerList.clear() // 這個(gè)為清除搜索結(jié)果的點(diǎn)，不想清除注釋即可console.log('搜索完成打印', searchRes) // searchRes為搜索的結(jié)果})})})})

接上，在高德地圖的api中，搜索服務(wù)有一個(gè)clear方法，但是我使用了沒有用，網(wǎng)上找了一下發(fā)現(xiàn)好像不是我一個(gè)人遇到了這個(gè)問題，但是也有相應(yīng)的解決方法，即searchRes.render.markerList.clear()，我一開始是這樣寫的

let searchRes = new global.AMap.PlaceSearch(searchOptions)searchRes.search(this.chooseAddressSelect.poi.name)searchRes.render.markerList.clear()

但是沒有用，我看其他人好像都是我這樣使用的，然后去看一下文檔發(fā)現(xiàn)search有一個(gè)回調(diào)函數(shù)就嘗試在回調(diào)函數(shù)里面使用這個(gè)，結(jié)果成功了！至于為什么會這樣子我也不知道為什么......有知道的大佬可以為我解答一波，踩坑較久，還是實(shí)力不行，順便吐槽一下高德api，告辭！
PS：文中可能沒有什么精華點(diǎn)，很多都是詳情參考，一來我的確是實(shí)力可能還沒有到能解答的地步，二是第一次寫真的真的不知道怎么寫，三是我建議多看文檔才能發(fā)現(xiàn)一些解決的辦法。

原文地址：https://segmentfault.com/a/1190000016905648

轉(zhuǎn)載于:https://www.cnblogs.com/datiangou/p/10125906.html

總結(jié)

以上是生活随笔為你收集整理的高德地图搜索功能以及清除搜索结果maker的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。