一、从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/n/204260.html