Echarts地図の概要と2 D地図の初期化

Echartsは中国、各省、世界の地図を描くことができ、2次元地図と3次元地図を含む.以下、地図を生成する方法について概要を紹介する.
1地図機能の概要
Echartsでは、領域データを可視化する必要がある場合はseriesの地図コンポーネントを使用し、地図に地理的位置情報を表示する必要がある場合はgeo、すなわち地理座標系コンポーネントを使用します.
2 D地図では、seriesの地図コンポーネントは、visualMapコンポーネントと組み合わせて、異なる地域の人口、経済発展、エネルギー分布などのデータを表示するために使用でき、異なる色でデータサイズを階層化し、図例に合わせて地域データを可視化することができます.地理座標系コンポーネントは、地図に地理座標を表示し、地理座標系に散点図、線セットを描くことをサポートします.
Echartsはまたseriesの地図コンポーネントと地理座標系コンポーネントを同時に使用することをサポートし、このとき地図コンポーネントはgeoコンポーネントのデータを採用し、geo領域の色を制御することができる.これにより、地図に領域データと地理的位置情報を同時に表示することができる.
3 Dマップでは、同様に領域データと地理的位置情報データの表示を区別し、seriesのmap 3 Dコンポーネントは領域データの表示に使用され、geo 3 Dは地理的位置情報の表示に使用される.2 Dの地図に比べて、3 D地図はまず立体化され、次に領域ごとに異なる高さを設定することができ、この高さはデータサイズを示すことができる.
2パッケージ導入方法
2 D地図はechartsを導入するだけです.min.js,3次元地図はecharts.min.jsを導入した上でもう1つのecharts-gl.min.js。を導入する必要がある
複数ページで、ラベルの導入:

シングルページでwebpackなどを ってパッケージングすると、