一、從world.js下載
world.js 是一個基於 echarts 的 Javascript 庫,用於生成地球儀錶面上各種形式的數據可視化圖表,是一個非常優秀的數據可視化工具庫。world.js 的最新版本可以從其官方網站 https://www.world-js.com/ 下載。
下載過程非常簡單,只需要點擊下載按鈕,即可得到 world.js 的壓縮包。如果您是第一次使用 world.js,此壓縮包內容中除了world.js還包括相關的示例文件,您可以參照這些示例進行學習。
二、world.json 南極洲
world.json 文件包含了地球上的所有國家和地區的詳細地理信息,下載後,您可以根據需求進行各種自定義的數據可視化操作。
world.json 文件的數據結構非常簡單,可以使用 Javascript 中的 Array、Object 等基本數據類型進行解析。例如,如果您需要找到南極洲的位置信息,只需要在 world.json 文件中查找名為 Antarctica 的數據即可,其中包括南極洲的位置、路徑等信息,這些信息都可以作為world.js生成地球儀錶面的數據進行可視化。為了方便閱讀,下面是部分 world.json 文件中 Antarctica 的代碼:
{ "type": "Feature", "properties": { "name": "Antarctica", "name_long": "Antarctica", "abb": "Ant.", "iso_a3": "ATA", "iso_a2": "AQ", "adm0_a3": "ATA", "continent": "Antarctica", "subregion": "Antarctica", "region_un": "Antarctica", "un_a3": "-099", "wb_a2": "AQ", "brk_a3": "ATA", "formal_en": "", "note_adm0": "", "note_brk": "", "note": "", "date": "2016-01-01" }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ -48.66061601418252, -78.04701873159873 ], [ -48.15139645037831, -78.04707040812854 ], .......................................... ] ] ] } }
三、world.js免費
world.js 是一個開源免費的 Javascript 庫,如果您是個人用戶或者小公司用戶,這意味著您可以免費使用 world.js,無需支付任何費用;如果您是大型公司用戶,world.js 也提供了不同的許可證和付費方式,可以根據您的實際需求選擇相應的付費方式。
與此相伴隨的是,world.js 也提供了優秀的技術支持,如果您在使用過程中遇到任何問題或者需要幫助,可以隨時聯繫 world.js 的技術支持團隊。
四、world.js 顏色
選取合適的顏色可以讓地球儀在數據可視化展示上更加優美,world.js 的地球儀支持了豐富的顏色定製方式,可以讓您根據自己的需求進行各種顏色變化,從而更好地展示您的數據。以下是設置地球儀背景顏色的相關代碼示例:
var worldChart = echarts.init(document.getElementById('world-map')); var option = { backgroundColor: '#3c3c3c', globe: { baseTexture: 'data-gl/asset/world.topo.bathy.200401.jpg', heightTexture: 'data-gl/asset/bathymetry_bw_composite_4k.jpg', shading: 'lambert', light: { ambient: { intensity: 0.1 }, main: { intensity: 1.5 } }, viewControl: { autoRotate: true } } }; worldChart.setOption(option);
五、world.json對換半球
world.js 能夠對國家地區的數據進行分組操作,支持自定義分組方式,這意味著您可以將地球分成不同的區域進行數據分析和可視化。以下是world.js對換半球的相關代碼示例:
var data = [ { name: "Northern Hemisphere", itemStyle: { color: "#f00" }, children: [/* 區域的數據 */} }, { name: "Southern Hemisphere", itemStyle: { color: "#00f" }, children: [/* 區域的數據 */} } ];
六、world.json 文件下載
world.json 文件包含了豐富的地球地理信息,是生成新的地球圖表的重要數據源,用戶可以根據具體需求進行數據解析和轉化處理。以下是下載並讀取 world.json 文件的相關代碼示例:
// 下載 world.json 文件 var xhr = new XMLHttpRequest(); xhr.open('GET', 'world.json', true); xhr.onreadystatechange = function () { if (xhr.readyState === 4 && xhr.status === 200) { var data = JSON.parse(xhr.responseText); // 在此處進行數據的解析和轉化處理 } }; xhr.send();
七、world.js百度雲
如果您對world.js的網速不滿意,在下載和使用過程中遇到一些麻煩,您可以嘗試在百度雲上下載world.js,這樣可以更快地獲取 world.js 庫,方便您更快地享受數據可視化的樂趣。以下是 world.js 在百度雲上的下載地址:
鏈接: https://pan.baidu.com/s/XXXX 牛頓密碼: YYYY
八、world.js echarts
world.js 是基於 echarts 的 Javascript 庫,echarts 是一個非常流行的數據可視化庫,它也是由百度開發並提供支持的。如果您正在使用 echarts 進行數據可視化,並且需要加入地球儀錶面的展示效果,world.js 庫將是您不錯的選擇,以下是集成world.js庫並展示地球儀錶面的相關代碼示例:
// 引入 echarts 和 world.js 庫 // 使用 world.js 繪製地球表面 var worldChart = echarts.init(document.getElementById('world-map')); worldChart.setOption({ series: [ { type: 'map3D', map: 'world', globe: { baseTexture: 'https://www.world-js.com/example/data-gl/asset/world.topo.bathy.200401.jpg', heightTexture: 'https://cdn.jsdelivr.net/gh/zr-9527/DataV-DataVisualization/data-gl/asset/bathymetry_bw_composite_4k.jpg', displacementScale: 0.05, environment: 'https://cdn.jsdelivr.net/gh/zr-9527/DataV-DataVisualization/data-gl/asset/starry_night_1k_tex.jpg', shading: 'realistic' }, label: { show: false }, itemStyle: { color: '#FFEFD5', borderWidth: 1 }, emphasis: { itemStyle: { areaColor: '#FF35FF' } } } ] });
九、寫hello world的正確js語法
Hello world 是一種非常經典的程序設計入門案例,下面是使用 Javascript 語言輸出 hello world 的正確語法:
console.log('Hello, world!');
在執行上述代碼後,控制台將輸出 hello world 的字元串。此外,您也可以將該字元串輸出到網頁頁面上,例如:
document.getElementById('hello').innerHTML = 'Hello, world!';
在網頁中將輸出帶有 Hello, world! 的標籤。
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/204260.html