使用echarts 繪制 中國地圖/各省地圖/市級地圖 的3D地圖

先上效果圖javascript

中國

html

四川省

java

成都市

git

3D地圖說明

經過使用 series-map3D 能夠繪制3D地圖apache

快速開始

1.須要先下載echarts.js,而后額外下載 echarts-gl.js,并在頁面中引入json

這個兩個js文件能夠在echarts官網下載也能夠在上面給的dome項目中拷貝

echarts資源下載

echarts擴展下載echarts

2.經過json導入地圖數據dom

$.get('map/json/china.json', function (chinaJson) {

echarts.registerMap('china', chinaJson); // 注冊地圖

var chart = echarts.init(document.getElementById('main'));

chart.setOption({

series: [{

type: 'map3D', // map、map3D

map: 'china' // 注冊的地圖名稱

}]

});

});

中國地圖/各省地圖/市級地圖

使用方式相同 惟一的區別是導入不一樣的 json 文件編碼

demo項目中附帶china.json以及各級省市json文件

/map/目錄下有中國地圖以及 各省市的 地圖 json文件 /map/geoCitys.js是省市關聯文件

level表明行政級別

code表明城市編碼

地圖數據json文件可能不許確 能夠自行下載替換

DATAV

總結

以上是生活随笔為你收集整理的echart 广州3d_echarts绘制3D城市地图的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。