MongoDB数据库(JSON)和Echarts-gl映射实例3(完)

20200507
20年4月23号冲动重装系统忘记备份,环境加数据都没了;在装系统之前只出个半成品,我笔记里有效果截图和网页文件,我把它俩放上来:
gl2.html 点击下载
在这里插入图片描述我解释一下,在图上白色点是根据经纬度来的坐标点,加上转动地球就可以知道地球上哪些地方有坐标点。
朋友们不好意思,在烂尾之前我把我的笔记点放上来,改改gl2.html里data所属参数就行;

data = data.filter(function(dataItem) {
                    return dataItem[3] > 0;        //return false。return dataltem.length>0=true
                }).map(function(dataItem) {
                    return [dataItem[0], dataItem[1], Math.sqrt(dataItem[3])];
                });
这段。
data = data.filter().map()。https://www.jianshu.com/p/25bac399849dfilter()方法:这个方法返回的数组元素是调用的数组的一个子集。传递的函数是用来逻辑判定的,该函数返回true或false。 如果返回值是true或者能转化为true的值,那么传递给判定函数的元素就是这个子集的成员,它将被添加到一个作为返回值的数组中。 map()方法; 这个方法将调用的数组中每个元素传递给指定的函数,并返回一个数组,它包含这个函数的返回值。
这里的map不是“地图”的意思,而是指“映射”。[].map(); 基本用法跟forEach方法类似。
eg:
var data = [1, 2, 3, 4];var arrayOfSquares = data.map(function (item) {
return item * item;});alert(arrayOfSquares); // 1, 4, 9, 16
eg:
var users = [
{name: "张含韵", "email": "zhang@email.com"},
{name: "江一燕", "email": "jiang@email.com"},
{name: "李小璐", "email": "li@email.com"}];var emails = users.map(function (user) { return user.email; });
console.log(emails.join(", ")); // zhang@email.com, jiang@email.com, li@email.com
<html>
<body>
<script type="text/javascript">
var data = [    {name: '海门', value: 9},    {name: '鄂尔多斯', value: 12}];
var geoCoordMap = {    '海门':[121.15,31.89],    '鄂尔多斯':[109.781327,39.608266]};
document.write(geoCoordMap[data[0].name]+ "<br />")   //输出121.15,31.89
</script>
</body
</html>



源代码:

res.push({value:data[i].info1.concat(",",data[i].info2,",50").split(",")});



语法:

arrayObject.push(newelement1,newelement2,....,newelementX)

JavaScript push() 方法: push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。
实例:

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr + "<br />")
document.write(arr.push("James") + "<br />")
document.write(arr)

</script>

笔记是是属于自己的。内容很简单,我在这次学到一个新用法。

再次说声
抱歉

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值