[發(fā)明專利]一種基于echarts工具地圖下鉆的方法

在審

• 申請(qǐng)?zhí)枺?/td>: 201811267707.3
• 申請(qǐng)日: 2018-10-29
• 公開(kāi)（公告）號(hào): CN111104015A
• 公開(kāi)（公告）日: 2020-05-05
• 發(fā)明（設(shè)計(jì)）人: 任永強(qiáng);張來(lái)卿;龐嚴(yán)冬
• 申請(qǐng)（專利權(quán)）人: 珠海橫琴盛達(dá)兆業(yè)科技投資有限公司
• 主分類號(hào): G06F3/0481
• 分類號(hào): G06F3/0481;G06F9/451
• 代理公司: 暫無(wú)信息
• 代理人: 暫無(wú)信息

本發(fā)明涉及JavaScript應(yīng)用與開(kāi)發(fā)技術(shù)領(lǐng)域，具體涉及一種基于echarts工具地圖下鉆方法。本發(fā)明所述的方法包含以下幾個(gè)步驟：1、初始化顯示全國(guó)地圖；2、雙擊選擇想要下鉆顯示的省份或城市；3、去除原本的地圖圖形；4、放大顯示獨(dú)立的省份或城市地圖；5、初始化省份或城市信息。本發(fā)明改變了傳統(tǒng)地圖鼠標(biāo)滾輪不穩(wěn)定的下鉆方式，能夠使用戶更精準(zhǔn)地放大到具體的省份或城市，并且獨(dú)立將選擇省份或城市以地圖的形式呈現(xiàn)出來(lái)，增強(qiáng)了用戶的體驗(yàn)。

技術(shù)領(lǐng)域

本發(fā)明涉及JavaScript應(yīng)用與開(kāi)發(fā)技術(shù)領(lǐng)域，具體涉及一種基于echarts工具地圖下鉆的方法。

背景技術(shù)

地圖下鉆是眾多網(wǎng)絡(luò)地圖具備的功能，通過(guò)地圖下鉆可以逐漸遍歷到省市區(qū)級(jí)信息。

通常情況下，地圖下鉆為鼠標(biāo)滾輪的方式，滑動(dòng)放大縮小，這種方法放大城市信息快，但是帶來(lái)一個(gè)問(wèn)題就是不精準(zhǔn)，用戶會(huì)不清楚自己滑到了什么地方，不習(xí)慣的用戶容易在這個(gè)操作上浪費(fèi)大量時(shí)間。

本發(fā)明主要是使用一種基于echarts工具地圖下鉆的方法，致力于解決傳統(tǒng)地圖鼠標(biāo)滾輪不穩(wěn)定的下鉆方式，能夠使用戶更精準(zhǔn)地放大到具體的省份或城市，并且獨(dú)立將選擇省份或城市以地圖的形式呈現(xiàn)出來(lái)，增強(qiáng)了用戶的體驗(yàn)。

發(fā)明內(nèi)容

本發(fā)明解決的技術(shù)問(wèn)題在于提供一種基于echarts工具地圖下鉆的方法；解決了傳統(tǒng)地圖鼠標(biāo)滾輪不穩(wěn)定的下鉆方式，能夠使用戶更精準(zhǔn)地放大到具體的省份或城市，并且獨(dú)立將選擇省份或城市以地圖的形式呈現(xiàn)出來(lái)。

本發(fā)明解決上述技術(shù)問(wèn)題的技術(shù)方案是：

1、所述的方法包含以下幾個(gè)步驟：

步驟一、傳入已有的包含的全國(guó)地圖數(shù)據(jù)的json信息，初始化顯示全國(guó)地圖模型；

步驟二、根據(jù)步驟一所加載地圖模型，獲取圖表對(duì)象，定義鼠標(biāo)點(diǎn)擊事件決定需要下鉆時(shí)鼠標(biāo)需要進(jìn)行的操作，想要下鉆顯示的省份或城市；

步驟三、把當(dāng)前頁(yè)面顯示的地圖模型清空，便于獨(dú)立顯示下鉆后的小范圍的地圖模型；

步驟四、根據(jù)點(diǎn)擊的省份或城市標(biāo)識(shí)ID，獲得省份或城市的json信息加載地圖模型；

步驟五、初始化省份或城市信息。

2、根據(jù)權(quán)利要求1所述的一種基于echarts工具地圖下鉆的方法，其特征在于：所述的步驟三中，去除下鉆前顯示出來(lái)的地圖。

3、根據(jù)權(quán)利要求1所述的一種基于echarts工具地圖下鉆的方法，其特征在于：所述的步驟四中，加載選中的省份或者城市的地圖圖形，并初始化選中省份或城市的地圖信息。

4、根據(jù)權(quán)利要求1所述的一種基于echarts工具地圖下鉆的方法，其特征在于：所述的步驟一中，全國(guó)地圖信息json包括省市區(qū)及三層級(jí)別。

5、根據(jù)權(quán)利要求4所述的一種基于echarts工具地圖下鉆的方法，其特征在于：json格式應(yīng)包含ID，城市名稱、父城市ID、級(jí)別。

6、根據(jù)權(quán)利要求1所述的一種基于echarts工具地圖下鉆的方法，其特征在于：所述的步驟二中，所指地圖模型為echarts帶地圖模型，具備鼠標(biāo)移動(dòng)到子城市區(qū)域，區(qū)域會(huì)以亮色顯示的功能。

7、根據(jù)權(quán)利要求1所述的一種基于echarts工具地圖下鉆的方法，其特征在于：所述的步驟二中，所指圖表對(duì)象特指通過(guò)id選擇器的方式選擇顯示地圖的標(biāo)簽容器，該對(duì)象包含地圖容器內(nèi)所有的標(biāo)簽。

8、根據(jù)權(quán)利要求2所述的一種基于echarts工具地圖下鉆的方法，其特征在于：所述去除下鉆前顯示的地圖特指用過(guò)echarts的dispose方法將當(dāng)前顯示地圖的標(biāo)簽內(nèi)容清除。