欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

echarts貴陽市json

錢良釵1年前11瀏覽0評論

echarts是一款非常優(yōu)秀的可視化圖表庫,它的地圖組件可以展示各種各樣的地理位置信息。在echarts中,提供了很多地圖數(shù)據源,可以用于展示國內外各個城市的相關信息。在本文中,我們將探討一下echarts中的貴陽市json數(shù)據,以及如何將這些數(shù)據用于自己的項目中。

// 貴陽市的json數(shù)據
const guiyangJson = {
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"properties": {
"adcode": "520103",
"name": "云巖區(qū)",
...
},
"geometry": {
"type": "MultiPolygon",
"coordinates": [
[
[
[106.71244, 26.53597],
[106.71267, 26.53599],
...
]
]
]
}
}
]
};

上述代碼展示了echarts中所提供的貴陽市json數(shù)據源。它包含了貴陽市內各個區(qū)縣的地理位置信息,以及一些基本信息,如區(qū)縣名稱、行政區(qū)劃代碼等。在使用echarts進行地圖展示時,我們可以直接使用這些數(shù)據源來展示我們需要的地圖信息。

以使用Vue+Echarts為例,我們可以在Vue組件的mounted鉤子函數(shù)中進行如下操作:

mounted() {
import('echarts/map/json/province/guizhou.json').then(guizhouJson =>{
echarts.registerMap('貴陽市', guiyangJson);
const chart = echarts.init(this.$refs.mapContainer);
chart.setOption({...});
});
}

在上面的代碼中,我們首先通過ES6的import語法引入了echarts中提供的貴州省的json數(shù)據源。然后,我們使用echarts中提供的registerMap方法注冊了貴陽市的地圖信息,并將其命名為“貴陽市”。最后,我們初始化了一個Echarts實例并將其掛載到Vue組件的$refs屬性上。

有了這些基礎操作之后,我們便可以自由地在Echarts中使用各種數(shù)據展示貴陽市的各種信息,如學校位置、氣溫分布等等。