Node.js
关注
分享
扫一扫
aganliang
不能记录一下吗
展开
-
nodejs 把CSV转换成trip geojson
const path = require('path');const fs = require('fs');const http = require('http')// 构造geojson对象，features为空列表var myCoordinates = [];var myGeoJson = { "type": "FeatureCollection", "name": "poi", "crs": { "type": "name", "properties": { .原创 2021-07-14 14:55:57 · 401 阅读 · 0 评论 -
编程导航--工具聚类
https://home.code-nav.cn/原创 2021-06-15 22:17:24 · 192 阅读 · 0 评论 -
mapbox-gl 鼠标事件解读
<!DOCTYPE html><html><head><meta charset="utf-8"><title>Create a draggable point</title><meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"><link href="https://api.mapbo...原创 2021-06-12 22:56:55 · 2609 阅读 · 0 评论 -
基于mapbox-gl 开发类似于高德地图的经纬度拾取器
1.index.html页面<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>坐标拾取器</title> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" /> </head><body>&原创 2021-06-06 18:13:12 · 946 阅读 · 0 评论 -
mapbox-gl 通过websocket 展示实时GPS轨迹数据
1.后端基于nodejs，通过http模块定期向后端接口请求数据，组装成geojson。通过websocket向客户端定期连续发送数据。2.前端通过mapbox-gl.js原创 2021-06-06 16:47:10 · 1349 阅读 · 0 评论 -
页面上隐藏mapbox logo 办法
使用mapbox js和css开发，默认在页面左下角是mapbox的logo，可以把它隐藏，办法如下：1.node_modules---mapbox-gl--原创 2021-06-06 10:16:38 · 1183 阅读 · 0 评论 -
spritezero 安装和简单使用（基于centos7）
参考 github :https://github.com/mapbox/spritezero在centos中：mkdir spritezeronpm install -g @mapbox/spritezero-cli// 可以拷贝到其他机器运行zip -q -r spritezero.zip ./spritezero/unzip spritezero.zip准备好svgs：// spritezero 目录下，添加input 目录，里面是svgoutpu...原创 2021-05-10 11:49:09 · 777 阅读 · 0 评论 -
nodejs rpc buffer通信
server.js:const net = require('net');// 创建tcp服务器const server = net.createServer((socket)=>{ socket.on('data',function(buffer){ //console.log('接到请求！') //console.log(buffer,buffer.toString()); // 从传来的buffer里读出一个int32原创 2021-04-11 21:41:07 · 205 阅读 · 0 评论 -
nodejs buffer解编码二进制
const fs = require('fs');const protobuf = require('protocol-buffers');const buffers1 = Buffer.from('aganliang');const buffers2 = Buffer.from([1,2,3]);const buffers3 = Buffer.alloc(6);console.log(buffers1);console.log(buffers2);console.log(buff...原创 2021-04-11 18:13:32 · 627 阅读 · 0 评论 -
js 对象和高阶函数简介
1. js data对象 参考：https://www.runoob.com/jsref/jsref-obj-date.htmlvar d = new Date();var d = new Date(milliseconds);var d = new Date(dateString);var d = new Date(year, month, day, hours, minutes, seconds, milliseconds);getDay();getDate();get...原创 2020-09-13 21:36:34 · 389 阅读 · 0 评论 -
HTML 、JS、CSS 添加控制面板例子---02
<div class='map-overlay-2' id='features'> <h2>US population density</h2> <div id='pd'> <p>Hover over a state!</p> </div></div><div class='map-overlay-2' id='legend'> <div> <sp...原创 2020-09-12 23:09:06 · 404 阅读 · 0 评论 -
HTML 、JS、CSS 添加控制面板例子---01
h1 { font-size: 20px; line-height: 30px;};h2 { font-size: 14px; line-height: 20px; margin-bottom: 10px;}a { text-decoration: none; color: #2dc4b2;};#console { position: absolute; width: 300px; top: 30px; marg.原创 2020-09-12 21:26:22 · 698 阅读 · 0 评论 -
async/await的基本使用方法
参考一下博客：async/await基本理解及项目案例（结合Promise）async/await使用ES6新特性async await进行异步处理原创 2020-09-09 22:14:19 · 230 阅读 · 0 评论 -
mapbox-gl 展示 撒点 图层
基本流程：1.map load的时候 添加vocter图层；2.设置layer，并添加，默认隐藏；3.menu动态添加一个图层，添加点击事件，回调函数设置图层的显示和隐藏；4.var一个popup，设置其基本属性；5.设置mouseenter, mouseleave回调函数；map.on('load', function() { map.addSource('spjks-2', { type: 'vector', url: 'http:...原创 2020-07-08 22:14:58 · 1566 阅读 · 0 评论 -
mapbox-gl 展示 cluster图层
基本流程是：1.添加 geojson数据源，设置cluster的参数2.添加cluster layer，采用step expressions，设置颜色和大小3.添加标注symbol layer，在cluster图标里面显示数字4.添加没有 cluster layer，设置颜色和大小5.添加点击事件6.添加鼠标移动事件map.on('load', function() { // Add a new source from our GeoJSON data and // set原创 2020-07-07 22:32:03 · 1513 阅读 · 0 评论 -
mapbox-gl js Customize camera animations例子 （CSS、DOM、JS 传值和交互）
在地图上显示一个控制面板，可以输入各种参数，JS或者参数值，点击按钮，实现地图的交互。html的dom如下：<div class="map-overlay top"> <div class="map-overlay-inner"> <fieldset> <label>Select easing function</label> <select id="easing" name="easing">.原创 2020-07-05 19:04:37 · 325 阅读 · 0 评论 -
关于eslint的简单介绍
参考这个大佬的博客：ESLint 使用简介原创 2020-07-05 10:01:42 · 206 阅读 · 0 评论 -
node-fontnik 部署安装和简单使用（基于Centos 7）
node-fontnik是mapbox开源的制作.pbf字体的工具，其官网：https://github.com/mapbox/node-fontnik1.下载.tar.gz格式，解压，cdnpm install2.测试npm testAPI:https://github.com/mapbox/node-fontnik/blob/master/API.md3.编写代码进行转换： my_test.jsvar fontnik = require('.');v.......原创 2020-07-04 11:54:37 · 1466 阅读 · 1 评论 -
mapbox-gl 使用turf计算距离（代码片段）
参考：geojson对象的说明：(以后添加)HTML DOM CURSOR :https://www.w3school.com.cn/jsref/prop_style_cursor.asp基本思路是：1.定义geojson对象，包括point和linestring；2.map.on就启动回调函数，回调函数做以下几件事：2.1添加数据源，添加图层2.2 监听鼠标点击事件2.3 如果点击在点图层，进行删除，如果不是，那么就是添加；2.4 添加点、添加线2.5对...原创 2020-06-28 22:57:35 · 1930 阅读 · 1 评论 -
var let const 三者的区别
var定义的变量，没有块的概念，可以跨块访问, 不能跨函数访问。let定义的变量，只能在块作用域里访问，不能跨块访问，也不能跨函数访问。const用来定义常量，使用时必须初始化(即必须赋值)，只能在块作用域里访问，而且不能修改。...原创 2020-06-27 22:30:06 · 223 阅读 · 0 评论 -
NodeJS的export和import使用方法
官方指引：https://developer.mozilla.org/en-US/docs/web/javascript/reference/statements/importhttps://developer.mozilla.org/en/docs/web/javascript/reference/statements/export参考：https://www.cnblogs.com/guanghe/p/6560698.html原创 2020-06-25 10:04:11 · 1366 阅读 · 0 评论 -
webpack 使用样例（以mapbox-gl为例）
webpack参考：https://www.webpackjs.com/ 和https://webpack.github.io/windows 10提前安装好node环境，node自带npm包管理器。1.建立项目文件夹，在此文件夹里面进行项目初始化cd 项目文件夹npm init -y # 不添加参数 -y 的话，可以个性化填写各类项目信息初始化后，自动生成package.json文件2.安装 webpaacknpm install --save-dev...原创 2020-06-21 15:10:09 · 1077 阅读 · 0 评论 -
npm 简单使用
参考：npm 包管理器简介npm 将软件包安装到哪里package.json 指南查看 npm 包安装的版本原创 2020-06-19 15:14:45 · 206 阅读 · 0 评论 -
vue 项目安装
1.搭建前端服务器node.js安装参考：https://blog.youkuaiyun.com/aganliang/article/details/103228597cnpm install -g vue-cli把vue命令添加到bin路径ln -s /root/node-v12.14.0-linux-x64/lib/node_modules/vue-cli/bin/vue /u...原创 2020-01-01 20:13:26 · 205 阅读 · 0 评论 -
CentOS 7 安装和卸载Node.js
Node.js官网下载地址：https://nodejs.org/en/download/相关依赖参考这篇：CentOS 7 安装gcc-9.2.0tar -xvzf node-v12.tar.gzcd node# 建议先看安装指引# 一般是README.MD，这里是BUILDING.MDmore BUILDING.md./configuremake -j...原创 2019-11-24 20:51:01 · 1281 阅读 · 0 评论 -
一个简单的node.js的例子
当应用程序需要处理大量并发的I/O，而在向客户端发出响应之前，应用程序内部并不需要进行非常复杂的处理的时候，Node.js非常适合。Node.js也非常适合与web socket配合，开发长连接的实时交互应用程序。helloworld例子编写一个js文件：//require表示引包，引包就是引用自己的一个特殊功能var http = require("http");...原创 2019-03-05 21:23:44 · 492 阅读 · 0 评论 -
node.js根据前端url地址，返回不同的页面
通过if-else来判断url地址，返回不同的页面，这个具有非常大的灵活性：var http = require("http");var fs = require("fs");var sever = http.createServer(function(req,res){ if(req.url == "/lin"){ fs.readFile("./urls/test1.html"...原创 2019-03-05 22:13:49 · 979 阅读 · 0 评论 -
node.js对URL进行解析
var http = require("http");var url = require("url");var server = http.createServer(function(req,res){ //url.parse()可以将一个完整的URL地址，分为很多部分： //host、port、pathname、path、query var pathname = url.pa...原创 2019-03-05 22:40:17 · 520 阅读 · 0 评论 -
node.js连接oracle数据库
我的项目放在nodejs安装目录下：需要npm install oracledb这个模块，安装到这个文件夹下面：var oracledb = require("oracledb");var config = { user:"system", password:"*****", connectString : "localhost:1521/sid"};oracl...原创 2019-03-06 21:41:22 · 1901 阅读 · 0 评论 -
通过post方式向node.js提交表单
表单在form.html里面，发布在apache服务器中，通过http://localhost:8088/form.html来访问：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>test post form&原创 2019-03-09 22:01:56 · 297 阅读 · 0 评论 -
Node.js编写一个文件服务器
'use strict';var fs = require('fs'), url = require('url'), path = require('path'), http = require('http');// 从命令行参数获取root目录，默认是当前目录:var root = path.resolve(process.argv[2] || '.')...原创 2019-03-14 21:37:44 · 381 阅读 · 0 评论 -
node.js的express框架
Express框架是第一代流行的Node.js框架，它对Node.js的http进行了封装，使用非常简单。var express = require("express");var app = new express();app.get("/",function (req,res) { res.send("success!");});app.get(/\/student\/...原创 2019-03-14 22:05:03 · 145 阅读 · 0 评论 -
KOA——node.js的新一代Web框架
如上一篇文章所写，Express是node.js的第一代web框架：node.js的express框架 随着新版Node.js开始支持ES6，Express的团队又基于ES6的generator重新编写了下一代web框架koa。和Express相比，koa 1.0使用generator实现异步。 koa团队并没有止步于koa 1.0，他们非常超前地基于ES7开发...原创 2019-03-14 22:10:23 · 390 阅读 · 0 评论 -
node.js访问mysql
安装模块sequelize和mysql21.config.jsvar config = { database: 'mysql', username: 'username', password: '*****', host: 'localhost', port: 3306};module.exports = config;2.app...原创 2019-03-23 22:42:57 · 300 阅读 · 0 评论 -
Node.js入门
Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。https://nodejs.org/en/node.js中文网 Node...原创 2019-03-04 22:38:40 · 209 阅读 · 0 评论