畢業(yè)設(shè)計(jì)用到了高德地圖JS API,多邊形搜索部分花了一個(gè)下午才完成(javascript現(xiàn)學(xué)先用?。涗浺幌?。 實(shí)現(xiàn)功能: 鼠標(biāo)左擊可以在地圖中獲得點(diǎn)的經(jīng)緯度位置,點(diǎn)的位置信息會(huì)顯示在左下角的浮板上。輸入關(guān)鍵字配置搜索的對(duì)象。點(diǎn)擊多邊形搜索后用戶選擇的點(diǎn)成為繪制多邊形的頂點(diǎn),在多邊形的范圍內(nèi)會(huì)搜索包含關(guān)鍵詞的對(duì)象,結(jié)果顯示在右上角的浮板上。點(diǎn)擊“清除現(xiàn)有多邊形”按鈕可以將結(jié)果集清空,并移除地圖上現(xiàn)有的多邊形。 這里主要應(yīng)用到了“鼠標(biāo)點(diǎn)擊地圖獲得點(diǎn)的位置”(AMap.event.addListener(map,'click',function(e){})),“位置搜索”(AMap.PlaceSearch)的高德地圖接口。 感謝高德,提供了方便的API,使得不會(huì)前端的我也實(shí)現(xiàn)這樣棒的功能。 下面代碼中的”您申請(qǐng)的key值“是自己注冊(cè)成為高德開(kāi)發(fā)者后擁有的自己的key。我就不寫(xiě)了。
貼圖一張: 
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注