自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(46)
  • 收藏
  • 关注

转载 ppp完全理解(二)

点对点协议(PPP)为在点对点连接上传输多协议数据包提供了一个标准方法。ppp 位于数据链路层,是一种为同等单元之间传输数据包这样的简单链路设计的链路层协议。这种链路提供全双工操作,并按照顺序传递数据包。PPP 最初设计是为两个对等节点之间的 IP 流量传输提供一种封装协议。在 TCP-IP 协议集中它是一种用来同步调制连接的数据链路层协议(OSI 模式中的第二层),替代了原来非标准的第二

2016-12-28 15:25:23 2870

转载 ppp完全理解(一)

简介正式介绍前,分析两个名词:ppp、pppd,在调试中,这两个名字经常出现,ppp(Point to PointProtocol)点对点协议,pppd(Point to Point Protocol daemon)点对点协议守护进程。ppp 在内核中, 是ppp协议处理模块,pppd 是一个在应用层中的守护进程,其功能为实现ppp策略性的内容,包括所有鉴权、压缩/解压和加密/解密等扩

2016-12-28 14:52:40 2594

翻译 [Mapbox GL]调整LineString使其适应地图边界

将LineString对象的第一个坐标传递给mapboxgl.LngLatBounds,然后连接extend包含最后一个坐标来获取它的边界 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; wid

2016-12-28 11:01:04 3232

翻译 [Mapbox GL]高亮包含相似数据的特性

鼠标悬停在某个郡上面时,高亮使用相同郡名的其他郡 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } .map-overlay { font: 12

2016-12-27 23:38:33 1295

翻译 [Mapbox GL]创建一个可拖拽的点

拖拽一个点到地图上的新位置然后显示它的坐标位置 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } .coordinates { backgro

2016-12-27 15:49:42 1830 1

翻译 [Mapbox GL]测量距离

点击地图上的点来创建线条,使用turf.lineDistance测量距离 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } .distance-con

2016-12-27 10:52:12 5627

翻译 [Mapbox GL]高亮有限区域特性

使用queryRenderedFeatures,按住shift并拖拽地图查询特性 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } .boxdraw

2016-12-27 09:48:00 2797

翻译 [Mapbox GL]切换交互方式

使能或者去使能地图的UI处理器 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } .listing-group { font:

2016-12-26 18:23:03 1437

翻译 [Mapbox GL]限制地图可以拖拽到的区域

通过设置maxBounds可以阻止地图拖拽到一个不同的地方。 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } mapboxgl.accessTok

2016-12-26 18:17:14 3945

翻译 [Mapbox GL]通过输入过滤标志

根据输入的图标名字过滤标志 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } .filter-ctrl { posit

2016-12-26 15:39:40 1097

翻译 [Mapbox GL]地图视图内过滤特性

移动地图查询矢量瓦片层的可视化特性并且通过输入过滤 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } #map { position:abso

2016-12-26 14:32:15 4399

翻译 [Mapbox GL]通过切换列表过滤标志

基于数据中属性值过滤一组标志 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } .filter-group { fon

2016-12-26 13:54:57 1410

翻译 [Mapbox GL]获取鼠标悬停位置的特性

使用queryRenderedFeatures API来显示地图元素上的鼠标悬停位置特性 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } #

2016-12-26 11:25:23 2454

翻译 [Mapbox GL]获取鼠标位置的坐标

展示鼠标悬停位置的像素和经纬度坐标 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } #info { display: blo

2016-12-26 10:54:31 7180

翻译 [Mapbox GL]创建悬停效果

使用queryRenderedFeatures和filter来改变悬停样式 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } mapboxgl.ac

2016-12-26 10:27:00 2590

翻译 [Mapbox GL]点击标志改变地图视图中心

使用queryRenderedFeatures和flyTo使某个标志成为地图中心 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } mapboxgl

2016-12-23 17:37:24 4547

翻译 [Mapbox GL]改变地图语言

使用.setLayoutProperty来动态转化语言 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } #buttons {

2016-12-23 17:12:42 4653

翻译 [Mapbox GL]创建时间滑动条

拖拽范围滑动条将2015年发生的大于5.9震级的地震数据可视化 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } .map-overlay {

2016-12-23 16:44:13 1410

翻译 [Mapbox GL]添加实时数据

使用实时GeoJSON数据流移动地图上的标志 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } mapboxgl.accessToken = ''

2016-12-23 16:35:44 5558

翻译 [Mapbox GL]添加第三方矢量瓦片资源

使用Mapzen提供的外部OpenStreetMap矢量资源数据渲染地图 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } mapboxgl.acc

2016-12-22 18:34:12 8853

翻译 [Mapbox GL]使用3D展示建筑物

使用extrusion展示3D建筑物高度 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } mapboxgl.accessToken = '';v

2016-12-22 18:10:31 14436 2

翻译 [Mapbox GL] 3D室内效果的多边形挤压面

使用fill-extrude-height绘画属性创建3D效果的室内地图 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } mapboxgl.acce

2016-12-22 17:43:36 2991

翻译 [Mapbox GL]调整layer的透明度

通过拖拽范围条调整地图顶层的栅格layer透明度 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } .map-overlay { font:bol

2016-12-22 17:13:48 4319

翻译 [Mapbox GL]根据缩放水平更新等值线图

根据2014年的人口普查数据,展示不同缩放水平下的国家或州的人口 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } .legend { back

2016-12-22 16:40:49 2335

翻译 [Mapbox GL]实现一系列图片的动画效果

使用一些图片资源实现动画效果 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } mapboxgl.accessToken = '';var map =

2016-12-22 16:26:50 3950

翻译 [Mapbox GL]点的动画效果

更新每帧的GeoJSON资源实现点的动画效果 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } mapboxgl.accessToken = '';v

2016-12-22 16:13:09 3401

翻译 [Mapbox GL]使用键盘控制标记移动

使用键盘快捷键控制和旋转标记 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } mapboxgl.accessToken = '';var map

2016-12-21 15:06:58 1126

翻译 [Mapbox GL]使用data-driven风格绘制圆形

使用分类的circle-color属性函数实现可视化 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } mapboxgl.accessToken =

2016-12-21 14:35:00 2405

翻译 [Mapbox GL]添加一个视频

在顶端添加卫星栅格基础层 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } mapboxgl.accessToken = '';var video

2016-12-21 10:10:56 847

翻译 [Mapbox GL]添加一张图片

带有雷达气象图overlay的黑色矢量baselayer body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } mapboxgl.accessToken

2016-12-20 17:50:18 3145

翻译 [Mapbox GL]绘制GeoJSON数据点

从GeoJSON集合中获取数据然后在地图上绘制点 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } mapboxgl.accessToken = '

2016-12-20 17:10:55 13374

翻译 [Mapbox GL]从一个GeoJSON资源添加多个几何图形

从相同的GeoJSON资源添加一个多边形和圆形layer,通过filter属性对数据进行过滤,不同的layer仅仅显示自己感兴趣的数据 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width

2016-12-20 16:55:47 6045

翻译 [Mapbox GL]添加GeoJSON多边形

使用fill类型的layer添加多边形 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } mapboxgl.accessToken = '';va

2016-12-20 11:24:10 5258

翻译 [Mapbox GL]添加GeoJSON线

在地图上添加GeoJSON线         body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } /* 用来放置map的div容器 */mapb

2016-12-20 10:54:32 5000

翻译 [Mapbox GL]在标签下方新增layer

使用addLayer函数的第二个参数可以更加精确的处理新增的layer。 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } mapboxgl.accessT

2016-12-20 10:47:23 4811

翻译 [Mapbox GL]使用按钮修改layer的颜色

body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } .map-overlay { font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif; position:

2016-12-20 10:25:46 4688 3

翻译 [Mapbox GL]创建热点图

使用Mapbox GL JS将点数据聚类为热点图 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } mapboxgl.accessToken =

2016-12-20 10:12:35 1819 1

翻译 [Mapbox GL]创建并设计clusters

使用Mapbox GL JS中内置函数来将点集合成簇 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } mapboxgl.accessToken

2016-12-19 18:25:16 1972 2

原创 Mapbox中style specification框架

Mapbox中最重要的两类style:sources和layers,前者可以认为是数据,后者可以认为是数据的显示形式,下图是Mapbox中style specification的思维导图

2016-12-19 18:15:30 2264

翻译 [Mapbox GL]显示/隐藏layer

创建一个通用的图层转换器显示不同的数据集 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } #menu { background:

2016-12-19 17:25:28 6288

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除