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

echarts地圖json生成方法

錢艷冰1年前9瀏覽0評論

Echarts是一款開源的數據可視化工具,它提供了豐富的圖表類型和靈活的配置選項。在地圖可視化中,Echarts通過讀取json格式的數據生成地圖圖表,本文將介紹如何通過Echarts提供的工具生成地圖json數據。

Echarts提供了一個叫做`map`的option屬性,這個屬性用于配置地圖類型的圖表。在這個屬性中,我們可以通過`geoJson`選項來指定地圖的json數據,例如:

option = {
// 地圖類型
series: [{
type: 'map',
// 地圖json數據的地址
geoJson: 'https://cdn.bootcdn.net/ajax/libs/echarts/4.9.0/geo/json/china-json.js'
}]
};

`geoJson`選項指定了地圖json數據的地址。在這里,我們使用了Echarts官方提供的中國地圖json數據。

如果我們想要生成自定義地圖的json數據,可以使用Echarts提供的`GeoJSONTool`工具。該工具提供了手繪、打標和導出的功能,可以讓我們生成符合Echarts要求的地圖json數據并直接調用。下面是一個例子:

// 引入GeoJSONTool
let GeoJSONTool = require('echarts/extension-src/geo/GeoJSONTool');
// 手繪地圖的坐標數據
let coordinates = [[[116.405289,39.904987],[116.388755,39.913428],[116.408944,39.920835]]];
// 通過GeoJSONTool生成地圖json數據
let json = GeoJSONTool.getJSONByShape('custom', {
type: 'MultiPolygon',
coordinates: coordinates
});
// 將生成的json數據添加到option中的geoJson選項中
option = {
series: [{
type: 'map',
geoJson: json
}]
};

在上面的例子中,我們首先引入了`echarts/extension-src/geo/GeoJSONTool`模塊。然后,我們使用手繪的方式生成了自定義地圖的坐標數據,并通過`GeoJSONTool.getJSONByShape`方法生成了符合規范的地圖json數據。最后,我們將生成的json數據添加到了`geoJson`選項中。

通過Echarts提供的工具,我們可以輕松地生成符合規范的地圖json數據,并直接調用。使用這種方式,可以讓地圖可視化變得更加方便和靈活。