echart是一款非常受歡迎的可視化工具,通過它可以對各種數據進行可視化展示。其中,echart省市地圖是一種非常常用的地圖展示形式。在這種展示形式中,我們需要使用到特定的json文件。
{ //1、定義所使用的地圖類型 "type": "FeatureCollection", //2、定義地圖的坐標系 "crs": {"type": "name", "properties": {"name": "urn:ogc:def:crs:EPSG::4326"}}, //3、定義地圖的features "features": [ { //4、定義省份 "type": "Feature", //5、定義省份的properties和屬性 "properties": { "name": "浙江省" }, //6、定義省份的geometry和坐標信息 "geometry": { "type": "Polygon", "coordinates": [[[119.2821, 29.8853], [118.9759, 28.5667], [118.0476, 28.3595], [118.3917, 29.1394], [117.7903, 29.3255], [118.048, 29.708, 119.2821,29.8853]]] } }, { "type": "Feature", "properties": { "name": "上海市" }, "geometry": { "type": "Polygon", "coordinates": [[[121.4648, 31.2891], [121.5967, 31.1213], [121.6785, 31.0025], [121.4882, 30.9383], [121.3369, 31.1036], [121.4648, 31.2891]]] } } ] }
通過上面的示例代碼,可以看出json文件中包含了地圖的類型、坐標系、features等信息。其中特別需要注意的是,geometry中的坐標需要按照特定的格式,即[[[x1,y1],[x2,y2]...[xn,yn]]],最外層和第二層都是數組,第三層(內層)的坐標是[x,y]。
總之,使用echart省市地圖可以輕松展示數據在地圖上的分布情況,而對應的json文件則是地圖展示必不可少的一環。
上一篇vue前端存儲map
下一篇vue前端學習規劃