地圖中氣泡避讓的思路

來源:互聯網
上載者:User
文章目錄
  • 需求
  • 實現思路
需求在地圖上指定的位置點處紮個氣泡,頂點個數最多三個。 保證氣泡互不相交。實現思路產品給的需求,需要具體成一系列規則:圖1, 2D下每個位置點的物體座標系下可以分為四個象限0、1、2、3,每個位置點氣泡定義了四個樣式: LEFT_TOP = 0,RIGHT_TOP = 1,LEFT_BOTTOM = 2,RIGHT_BOTTOM = 3。圖2,0象限的氣泡箭頭在右下角,1象限的氣泡箭頭在左下角,2象限的氣泡箭頭在右上方,3象限的氣泡箭頭在左上方。平面上三個點,通過控制每個點的氣泡樣式,一定可以實現氣泡互不遮擋。四個頂點就不一定了,圖4中,0、1、2 點擺放了氣泡以後,中間3th點怎麼擺放都會跟其他點的氣泡相交。這也與一個事實相符: 其他家地圖(Google,蘋果,百度,高德)中 多路線方案中結果都不超過三個。 氣泡避讓思路圖5,平面上三個點,通過求取包圍盒思路,找到最左邊的點AA,最右邊的點BB,最後剩餘一個頂點CC。AA氣泡樣式設為 LEFT_TOP,BB樣式設為RIGHT_TOP,CC樣式設為LEFT_BOTTOM或者RIGHT_BOTTOM即可。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.