日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔!

生活随笔

當(dāng)前位置: 首頁 >

python画人口迁徙图_echarts 手把手教你画迁徙图(城市内部级别+百度地图支持)2...

發(fā)布時(shí)間:2025/3/21 46 豆豆
生活随笔 收集整理的這篇文章主要介紹了 python画人口迁徙图_echarts 手把手教你画迁徙图(城市内部级别+百度地图支持)2... 小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

最近要做一個(gè)上海的遷徙圖,搜到的都是 echarts 和mapv一樣,有自己的API說明和demo 形式上非常相近,而且看起來功能比mapv更加完善。

另外是滴滴的一個(gè)蝌蚪遷徙圖,看起來是真實(shí)軌跡的模擬,暫時(shí)沒有找到能夠支持的工具,暫時(shí)放一放。

遷徙圖,目的就是為了描繪地圖上一次從出發(fā)地到結(jié)束地點(diǎn)的過程,目前echarts遷徙圖,我能看懂的,不包括真實(shí)過程模擬,也就是說一次真實(shí)遷徙中間有多個(gè)地點(diǎn),路線是曲折的,但是echarts目前支持的是兩點(diǎn)之間畫一條曲線。

遷徙圖所需要的輸入就是,所有遷徙對(duì)應(yīng)的(出發(fā)地,目的地,人數(shù))

當(dāng)然還需要,所有涉及到的位置的準(zhǔn)確地理經(jīng)緯度(百度地圖經(jīng)緯度,其他地圖的經(jīng)緯度需要轉(zhuǎn)換成百度地圖經(jīng)緯度)

大的過程如下:

下載echarts-2.2.7壓縮包

注意 echarts的版本很多,我沒有一一用過,這是我當(dāng)時(shí)下載的一個(gè),不知道是不是比較好的一版,但是至少可以畫遷徙圖,大家自己根據(jù)需求再研究吧。

2.解壓縮后,到echarts-2.2.7\extension\BMap\doc目錄下

我因?yàn)橐嬌虾J袃?nèi)部的遷徙圖,所以需要用到百度地圖支持

demo上都是都省市以上的級(jí)別的遷徙圖,放心吧,雖然不太一樣,demo用的已經(jīng)做好的地圖json文件,但是百度地圖支持任意級(jí)別的顯示,所以說學(xué)會(huì)了上海市以下級(jí)別的遷徙圖,任何級(jí)別的遷徙圖都能畫

3.doc下面有一個(gè)bmap和一個(gè)example

可以打開html看一下效果。bmap就和網(wǎng)站上的demo一毛一樣。example的則是單純的一個(gè)遷徙圖。我簡單說明下如何用,畢竟有些同學(xué)只需要稍微改下example就足以滿足需求了。

請(qǐng)看example.html的源碼 自學(xué)成菜的我告訴你們?nèi)绾巫ブ攸c(diǎn) 請(qǐng)直接看代碼的注釋內(nèi)容即可

body {

margin: 0;

}

#main {

height: 100%;

}

//下面是echart.js的相對(duì)路徑 自己根據(jù)需求改一下即可

//ak替換成你申請(qǐng)的百度地圖開發(fā)者key,不改好像原始的也能用,不過最好用自己的

//js的相對(duì)路徑 自己根據(jù)需求改一下即可

//這是實(shí)質(zhì)的程序文件路徑

真正處理輸入數(shù)據(jù)的是example.js文件,html只是負(fù)責(zé)顯示

js文件代碼說明,我只說明比較重要的部分,其他不修改,也可以運(yùn)行,當(dāng)然大家也可以按照具體需求去修改,但是以下注釋的各部分是比較重要的

var startPoint = {//地圖中心點(diǎn) 經(jīng)緯度,即打開example.html時(shí),網(wǎng)頁中心的地理經(jīng)緯度

x: 104.114129,

y: 37.550339

};

map.centerAndZoom(point, 5);//地圖級(jí)別,級(jí)別越大,地圖顯示范圍越小

map.enableScrollWheelZoom(true);//是否允許鼠標(biāo)滾輪放大縮小

// 地圖自定義樣式

map.setMapStyle({//地圖樣式,如何修改這里請(qǐng)查看我的文章 [百度地圖 js/web 開發(fā) 怎么確定一些參數(shù)]

styleJson: [

{

...

});

option = {//圖整體設(shè)置比如標(biāo)題

...

},

tooltip : { // http://echarts.baidu.com/echarts2/doc/doc.html#Tooltip

...

},

legend: {//圖例 http://echarts.baidu.com/echarts2/doc/doc.html#Toolbox

...

},

toolbox: {//右側(cè)工具箱,http://echarts.baidu.com/echarts2/doc/doc.html#Toolbox

...

},

dataRange: {//右側(cè)熱力圖顯示選項(xiàng),參考http://echarts.baidu.com/echarts2/doc/doc.html#DataRange

...

},

series : [

{

name:'北京',、//因?yàn)閑xample是可以根據(jù)右下角的按鈕來切換不同的遷徙圖的,每一次顯示的遷徙圖,用一個(gè)數(shù)據(jù)結(jié)構(gòu)來表示,其名稱為name

type:'map',

mapType: 'none',

data:[],

geoCoord: {

//這是最重要部分之一,地圖中所有遷徙起始地點(diǎn)的經(jīng)緯度和名稱文本,都要寫在這里

//源代碼是全國級(jí)別,我顯示的上海市內(nèi)部數(shù)據(jù),所以全部替換為上海市具體地理位置的經(jīng)緯度了

'文本': [經(jīng)緯度],

},

markLine : {//遷徙線條的顯示效果

// 參考http://echarts.baidu.com/echarts2/doc/doc.html#SeriesMarkLine

...

}

},

//這是最重要部分了,地圖或者說‘北京’按鈕對(duì)應(yīng)的一組遷徙線條中,所有遷徙線條的起始地,以及對(duì)應(yīng)人數(shù),全部在此

//第一個(gè)name是出發(fā)地的名稱文本,不一定非要都寫 北京

//只要上面geoCoord中記錄到的地理位置都可以引用其名稱

//第二個(gè)自然是目的地,value是人數(shù)級(jí)別,和datarange相互配合,可以畫出不同顏色的線

data : [

[{name:'北京'}, {name:'上海',value:95}],

...

]

},

markPoint : {//這里可以在地圖上用圓圈顯示某一個(gè)地點(diǎn),選項(xiàng)參考echarts doc即可

...

}

},

data : [//這里是要顯示地點(diǎn)的名稱文本,以及對(duì)應(yīng)數(shù)量級(jí)別

{name:'上海',value:95},

...

]

}

}

]

};

以上就是所有重要部分了

我這里展示一下我做的一組遷徙圖效果,是根據(jù)一部分上海市地鐵數(shù)據(jù)做出來的

上海工作日早高峰地鐵遷徙圖

有點(diǎn)累了,改天再繼續(xù)寫

總結(jié)

以上是生活随笔為你收集整理的python画人口迁徙图_echarts 手把手教你画迁徙图(城市内部级别+百度地图支持)2...的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。

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