一、從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-hk/n/204260.html
微信掃一掃
支付寶掃一掃