WebGIS
关注
分享
扫一扫
cellinlab
这个作者很懒，什么都没留下…
展开
-
nodejs利用JSTS提取Geometry中心点坐标
nodejs利用JSTS提取Geometry中心点坐标getCentroidPointconst jsts = require('jsts')/** * 提取中心点坐标 * @param {Object} geometry GeoJSON 的geometry属性 */function getCentroid(geometry) { const reader = new j...原创 2020-02-27 09:50:33 · 1374 阅读 · 0 评论 -
NodeJS实战 利用Express&MongoDB搭建博客（4）后台框架搭建
登录状态 cookies app.js//加载cookies模块var Cookies = require('cookies');//设置cookieapp.use(function (req,res,next) { req.cookies = new Cookies(req,res); //解析登录用户的cookie信息 req.userI...原创 2019-02-21 18:30:25 · 515 阅读 · 0 评论 -
OpenLayers初体验0x1：使用Node创建OpenLayers应用
项目初始化mkdir new-projectcd new-projectnpm initnpm install olnpm install --save-dev parcel-bundlerJS和HTML//index.jsimport 'ol/ol.css';import {Map ,View} from 'ol';import TileLayer from...原创 2019-01-26 23:18:52 · 1998 阅读 · 3 评论 -
OpenLayers初体验0x0：加载地图到页面
<!DOCTYPE html><html lang="en"> <head> <link rel="stylesheet" href="https://openlayers.org/en/v5.3.0/css/ol.css" type="text/css"> <原创 2019-01-21 15:40:26 · 186 阅读 · 0 评论 -
Leaflet初体验0x4：交互式等值图
利用GeoJSON和一些自定义控件创建一个彩色交互式美国各州人口密度分布图的案例。 数据源 GeoJSON数据(us-states.js)的每个要素结构如下:{ "type": "Feature", "properties": { "name": "Alabama", "density": 94.65原创 2019-01-08 22:06:39 · 871 阅读 · 0 评论 -
Leaflet初体验0x5 图层组和图层控件
利用图层组将多个图层组织一起，利用图层控件可以实现让用户切换图层。图层组//直接添加到地图var lgdYL = L.marker([42.046488, 121.655045]).bindPopup('这里是辽工大玉龙校区！').addTo(mymap), lgdXH = L.marker([42.02137, 121.659164]).bindPopup('这里是辽工大细河...原创 2019-01-12 23:14:47 · 1731 阅读 · 0 评论 -
Leaflet初体验0x0：加载目的地地图
页面初始化 link或script中的 integrity 属性：为了防止 CDN 篡改 javascript 用的。 <!DOCTYPE html><html> <head> <title>Hello Leaflet!</title> <meta charset="utf...原创 2019-01-03 11:11:50 · 269 阅读 · 0 评论 -
Leaflet初体验0x3：GeoJSON
目录什么是GeoJSON ？一个简单的 GeoJSON要素GeoJSON图层其他设置 Style（样式） 简单方法设置样式 函数方法设置样式 pointToLayer onEachFeature filter完整代码： 许多GIS技术和服务中，GeoJSON正成为一...原创 2019-01-06 21:03:46 · 2811 阅读 · 4 评论 -
Leaflet初体验0x2：使用自定义标记图标
准备图片：创建图标：//通过L.Icon定义图标对象var greenIcon = L.icon({ iconUrl:'./leaf-green.png', shadowUrl:'./leaf-sahdow.png', iconSize:[38,95], shadowSize:[50,64], iconAnchor:[22,94],//标记点在图标上位置 shadow...原创 2019-01-04 14:24:10 · 3804 阅读 · 0 评论 -
Leaflet初体验0x1：标注，弹窗，事件
Markers, circles and polygons//添加标注var marker = L.marker([42.05,121.66]).addTo(mymap);//画圆var circle = L.circle([42.05,121.64],{ color:'red', fillColor:'#f03', fillOpacity:0.5, radius:500})...原创 2019-01-03 15:55:51 · 1428 阅读 · 0 评论