Gulp Error: Cannot find module ‘jshint/src/cli’;
记录错误：nnnnnGulpn Error: Cannot find module ‘jshint/src/cli’nnn问题原因：n插件安装不完全，新版本gulp做了一些调整好香。。。。nnn解决方法：n使用npm install –save-dev jshint gulp-jshintn而不是npm install –save-dev gulp-jshint
Tagged: leaflet
开源三维GIS之Cesium的Cartesian3(三)
最近正好要学习cesium的坐标系,于是学习了Cartesian3相关函数。这是部分结合自己的理解和cesium的源代码资料，翻译了过来。估计会存在一定错误，后面会根据实践做相应补充。也希望大家一起来共同学习。nnn 函数n n n 返回类型n n n 说明n n n clone(result)n n n Cartesian3n n n …
WEBGIS实现限制地图拖动范围及缩放比例及extent（）参数说明
项目要求:使用图片覆盖在地图 根据经纬度确定图片真实地理位置 使用切图工具（MapTiler）对图片进行瓦片化 然后显示在地图。n问题描述：图片覆盖到地图后可以随意拖动和缩放，影响用户体验。n解决方法：nopenlayers实现瓦片切图覆盖地图及设置拖动范围和缩放比例：n//地图拖拽经纬度（稍后会说）nvar mapPosition=ol.proj.transformExtent([经度1,纬度…
三大集合框架之map
Map 是一种把键对象和值对象映射的集合，它的每一个元素都包含一对键对象和值对象。 Map没有继承于Collection接口 从Map集合中检索元素时，只要给出键对象，就会返回对应的值对象。 Map是一个接口，实例化Map可以采用下面的方式：HashMap //Map基于散列表的实现。插入和查询“键值对”的开销是固定的。可以通过构造器设置容量capacity和负载因子load factor，以调…
Arcgis for js之GP实现缓冲区计算
GP服务的存在使得在Web端使用ArcGIS 提供的空间分析，而这些分析的能力是和桌面中的一样的。因此，是Arcgis for js的一个重点，也是一个难点。因此，在本文讲述如何发布并在代码中调用GP服务，实现缓冲区的分析计算。
【GIS】使用GDAL为Leaflet切图
一、参考资料nhttps://commenthol.github.io/leaflet-rastercoords/nhttps://github.com/commenthol/gdal2tiles-leafletnhttps://www.jianshu.com/p/2372fe239130n https://github.com/commenthol/gdal2tiles-leaflet/blob…
如何将图片切割成瓦片图？
nn技术：leaflet.js+nw.jsnn下载地址：https://download.csdn.net/download/striveye/11010965nn总结：该方法用于单独快速将图片切割成瓦片图，并生成地图格式的图片，可用于leaflet地图、mapbox地图等。nnPS：项目必须依赖leaflet.j…
geotools中泰森多边形的生成
本文讲述如何在geotools中生成泰森多边形，并shp输出。
使用osmdroid6.0.2加载谷歌、高德、天地图等瓦片地图
研究了一星期多的Osmdroid，深感这个开源的android地图包强大，因为使用其他瓦片涉及知识产权，请大家谨慎使用，本文只做研究测试。rnrn新建GoogleTileSource类继承org.osmdroid.tileprovider.tilesource.TileSourceFactory类，具体对应的资源都有注释rnpublic class GoogleTileSource extends Ti…
cesiumjs开发实践 (七)
3D模型rnrn摘要rncesium中支持载入3D模型，不过只支持gltf格式。rnrnrnrn cesium中支持载入3D模型，不过只支持gltf格式。gltf是khronos组织（起草OpenGL标准的那家）定义的一种交换格式，用于互联网或移动设备上展现3d内容，充分支持opengl，webgl，opengles图形加速标准。rn gltf目前可以由collada格式转换而来，官
css实现不断向外扩散的圆
实现原理：nn主要就是依靠css动画特性中的 transform变换—依据scale变换nn为实现波纹效果，会写两个元素到内部，然后让第二个元素延时执行动画，即可实现。nnnnn n 地图&l…
iframe高度自适应
1. 前言rn 在html5 使用iframe标签，height设置为100%,显示结果只有很矮的一点点。需要通过调用脚本进行调整大小。rn###2. 具体情境rnhtml代码rnrnrn
手把手|如何用Python绘制JS地图？
用Python处理数据，然后用Folium将它在Leaflet地图上进行可视化。nn概念nnFolium能够将通过Python处理后的数据轻松地在交互式的Leaflet地图上进行可视化展示。它不单单可以在地图上展示数据的分布图，还可以使用Vincent/Vega在地图…
R_leaflet包_最易上手地图教程（一）（下）
欢迎关注天善智能，我们是专注于商业智能BI，人工智能AI，大数据分析与挖掘领域的垂直社区，学习，问答、求职一站式搞定！对商业智能BI、大数据分析挖掘、机器学习，python，R等数据领域感兴趣的同学加微信：tstoutiao，邀请你进入数据爱好者交流群，数据爱好者们都在这儿。作者：李誉辉四川大学在读研究生简介最近一直在寻找方便上手的地图包，实验…
ArcGIS JavaScript API离线部署后服务切片错位及放大缩小按钮不可用等问题的解决方法…
1.环境rn本文讲述的是讲ArcGIS JS API离线部署到本地，部署方法可参考本博另一篇文章，也可网上搜索大量的参考案例。rn本文的主要环境因素是：ArcGIS Server 10.1，Windows Server 2008，ArcGIS API for JavaScript 3.6。rn2.现象rn首先是界面不正常，放大和缩小按钮变成简单的“+”和“-”，而且点击后不响应；rn其次是服务切片…
WebGIS中的坐标系
引言rnrn坐标系在任何类型的地理信息系统中，都是十分重要的一个角色。坐标系统可以分类两种：即地理坐标和投影坐标。地理坐标中的坐标值都是以度分秒为单位，也就是常说到的经纬度坐标。投影坐标是经纬度坐标经过平面投影后的坐标，经常见到的7-8位（不包括小数点后的数位）那么大的数字就是投影坐标值了，以米为单位。rnrn每一个坐标系都有一个统一的编号，这个编号称为wkid。在地理信息系统中，都可以通过指定w
判断点或者坐标是否在不规则区域内
判断点或者坐标是否在不规则区域内
cesium实现截屏保存图片路程
1.首先需要引入插件canvas2image.js用来将canvas转图片nncesium也是基于canvas容器实现webgl，canvas可以直接将内容保存成图片：canvas2image。我们只需要获取到cesium的容器canvas就可以直接保存为图片了： nnnvar canvas = viewer.scene.canvas;nn var genimg = Canvas2Image.co…
JS实现判断点是否在多边形内部（1）–射线法理论
原文地址：http://www.html-js.com/article/1517 （ 前端乱炖）随便涂一个多边形和一个点，现在我要给出一种通用的方法来判断这个点是不是在多边形内部（别告诉我用肉眼观察……）。首先想到的一个解法是从这个点做一条射线，计算它跟多边形边界的交点个数，如果交点个数为奇数，那么点在多边形内部，否则点在多边形外。这个结论很简单，那它是怎么来的？下面就简单讲解一下。首先，对于平面内
Canvas画椭圆的方法
原文出处： AlloyTeam 虽然标题是画椭圆，但是我们先来说说Canvas中的圆相信大家对于Canvas画圆都不陌生JavaScript1oGC.arc(400, 300, 100, 0, 2*Math.PI, false);如上所示，直接调用API就可以了，但是计算机内部却是使用光栅学，利用bresenham算法画圆的，这个我们放到最后来说，先说说利用圆的参数方程画圆JavaScript…
海量大数据地图可视化
在浏览器中基于地图构建应用已经是很广泛的业务需求，随着大数据在地图可视化中的出现，我们遇到了不小的挑战。用户会拿出十万甚至百万数量级的数据，正如您所想象的，在显示此数量的地理编码信息方面存在着一些技术上的难题。一个难题是确保数据以一种有意义且对最终用户可操作的方式准确地呈现；另一个是因为信息的数量使得它在浏览器上产生了巨大负载，需要花长时间才可以看到的结果。nn为了寻找最佳解决方案，我们测试了各种…
ArcGIS API for js 之网络分析
1.引言nn今天刚学会发布网络分析，特地来分享一下经验。nn在web中网络分析一直是比较常用的功能，比如：路径分析，服务点分析等等， 在WebGIS中想要实现相应的功能需要将将我们的服务发布为网络服务。nnnn2.路径分析nn在路径路径分析中，主要有两个关键的参数：nnn停靠点n障碍点nnn路径分析的步骤主要有以下几步：nnn发布网络分析服务n在web端创建路径系对象n构建路径分析参数(停靠点、障…
Object.defineProperties()使用方法
Object.defineProperties()使用方法nvar book=;nObject.defineProperties(book,n _year:n writable:true,n value:2004n ,n edition:n writable:true,n value:1n ,n y…
百度地图API开发：大量坐标点进行分组聚合
leaflet具有markersCluster（标点聚合）的插件非常好用，偶然看到百度地图也有标点聚合开源库，尝试一下，先上效果图：rnrnrnrnrn交互版链接：http://guoweish.github.io/raw-map-baidu.htmlrnrnrn总结：rn１、优点：rn百度地图原生的火星坐标系和国内经过偏移的经纬度能完美歪在一起；rn网络访问速度比
开源GIS浅谈
开源GIS浅谈 【转】nnhttp://blog.csdn.net/happyduoduo1/article/details/51773850nn谈到GIS软件，首先让我们想到的是GIS界的龙头大哥ESRI公司旗下的ArcGIS产品，从最初接触的version 9.2到如今的version 10.4，其发展可谓风生水起。MapInfo软件也不错，可是给人的感觉是渐渐被淘汰了似的，周围使用该软件的人…
Leafletjs学习教程和相关代码整理
Leafletjs学习教程和相关代码整理rn一.Leaflet简介rn官方网站：http://leafletjs.com/rn官网上的api和例子大家多看看，多学习学习。rnLefalet 是一个为建设移动设备友好的互动地图，而开发的现代的、开源的 JavaScript 库。
谷歌地图TMS地图服务地址收集，测试可用
自己做GIS开发时可能需要调用谷歌地图的TMS切片地图服务，我在Leaflet的一款插件中找到了二个地址，发现卫星图和道路图的地址中间只有一个字母不同，于是把24个字母都测试了一下，发现了google各个地图服务的地址。nnhttp://www.google.cn/maps/vt?
如何应对大数据量地物属性查询- -属性图层来帮忙
在实际项目开发中我们经常遇到这样的情况：当鼠标放在某个地物上时需要能够快速响应显示这个地图的某些属性信息，通常我们的做法是获取到鼠标当前的位置进行点选查询但这样做往往因为网络请求耗时的缘故而略有延迟；或者提前将这批地物信息获取到后保存在某个变中但当地物数据量过大例如成千上万时属性下载往往响应过久显得捉襟见肘。SuperMap iClient for JavaScript 中提供提供了UTFGrid图
离线瓦片地图
n n n 项目地址nnhttps://github.com/JasonJe/offline-tileServernn说明n项目的目标是爬取高德、谷歌的瓦片地图资源，并利用 Flask + Leaflet 制作一个离线的瓦片地图服务。n爬取瓦片地图采用了多进程/多线程/异步三种方式进行，并比较三种方式的效率。n1.
如何调试最新的asp.net mvc源码
最近在研究asp.NET mvc的源码，于是在想，既然提供了源码，那我们如何进入源码调试了？在网上找了一些调试的方法，试了几个都不行，于是折腾了一上午，终于弄出来了，下面看看我的操作步骤。rn 一：准备工作。本机安装的是vs2012，打了update1的补丁包，如图rnrn接下来下载asp.Net mvc的源码，地址是：http://aspnetwebstack.codeplex.com/ ，下
MBTiles离线包生成和使用
作者：xinxinnMBTiles是指由MapBox制定的一种将瓦片地图数据存储到SQLite数据库中并可快速使用，管理和分享的规范，而MBTiles离线包是用SuperMap iServer、IExpress生成符合MBTiles规范的地图瓦片。下面主要介绍MBTiles数据的存储格式、生成和使用。1、 MBTiles数据的存储格式MBTiles数据是按照OSGeo的TMS规范来生成和组织的
EPSG是什么？
EPSP的英文全称是European Petroleum Survey Group，中文名称为欧洲石油调查组织。这个组织成立于1986年，2005年并入IOGP(InternationalAssociation of Oil & Gas Producers)，中文名称为国际油气生产者协会。rnEPSG对世界的每一个地方都制定了地图，但是由于座标系不同，所以地图也各不相同。rn中国地图rn比如对于中
电子围栏的实现（二）：几何路径法（推荐）
在Java语言的开发环境中，提供了一种便捷的方法。类java.awt..geom.GeneralPath提供了根据直线、二次曲线和三次曲线构造的几何路径的方法，同时GeneralPath类继承类Path2D，通过Path2D类提供的方法contains(double x,double y)来判断某个点是否在曲线或直线构成的边界内。nnnpackage com.test;nnimport java….
判断一个点是否在某个区域内(多边形)
判断一个点是否在某个区域内(多边形)背景：比如滴滴会根据乘客所在的不同区域，给出不同的价格。市区堵一点，那么价格也高点。获取服务范围只规定在某个范围内原理：求解从该点向右发出的水平线射线与多边形各边的交点，当交点数为奇数，则在内部。不过要注意几种特殊情况：1、点在边或者顶点上;2、点在边的延长线上;3、点出发的水平射线与多边形相交在顶点上源代码：Point类-多边形顶点的封装类如坐标(166.3…
在地图上使用canvas绘制面板
nnhtml页面中引入：nnn
n n
nncss样式：nnn#canvas n filter:alpha(opacity=60);/*IE*/n opac
Openlayers-限制地图拖动区域
现在做webgis基本都会用到openlayers或者leaflet。那么在显示地图的时候，特别是显示小区域地图的时候，由于地图区域较小，就会存在把地图拖动到显示区域之外的现象。那么该如何限制地图拖动的区域呢。 rn rn 在openlayers2中有restrictedExtent属性，直接设置下即可。
BaiduMap SDK-地图显示指南针(左上角)
指南针通常情况下在旋转地图以后才会出现，为了初始化地图就显示，可以通过代码来模拟地图旋转一定的角度，并且onResume()设置mapView.onResume();nnn private MapView mapView;n private BaiduMap baiduMap;nn @Overriden protected void onCreate(Bundle savedI…
叠加图片切片工具：可以处理大图了
下载nnn 原来处理十几二十几兆的图片就出现程序奔溃问题，这次处理了一下，基本能应付大图了。n另外修改了：n 选坐标，不需要重启程序即生效。n 生成透明png时，空图片直接丢弃。n 增加强制预览选项，这样可阻止自动预览大图片，节约时间。
自用–Layer图层圆角、边框、底纹及其他常用操作
转载自：http://blog.csdn.net/hopedark/article/details/16116057rnrnrn自用Layer笔记
ArcGIS API for JS 加载GeoJSON数据
ArcGIS API for JS 没有预制的GeoJSON图层（leaflet和openlayers都可以直接加载Geojson格式的图层了），需要加载矢量图层的时候，需要自定义的方式加载，从网上搜索 了一些解决方法，总结出一些经验，如果没有复杂图形，如，多点，复杂多边形的情况下，可以自定义读取Geojson数据，逐个创建相应的点、线、面要素，然后创建Graphic
如何解决点击一个点击事件 触发多个点击事件 冒泡事件
工作日志 仅供参考nn nnn
ArcGISPlotSilverlightAPI的标绘功能
ArcGISPlotSilverlightAPI.dll 提供了丰富的标绘图标，貌似不是esri的，网上也没有学习资料。n无奈之下我通过反编译学习，差不多掌握了ArcGISPlotSilverlightAPI的运用，下面就介绍下如何nn使用。n演示网址：nhttp://tm.arcgisonline.cn:8038/App1/WaterPlot/SilverlightPlotMapTes
通过经纬度获取中心点,以及绑定的缩放级别
[code=”java”]rn//根据经纬度的距离获取地图的缩放级rnfunction getRoom(diff)rn var room = new Array(0, 1, 2, 3, 4, 5, 6,7,8, 9, 10, 11, 12, 13, 14);rn var diffArr = new Array(360,180,90,45,22,11,5,2.5,1.25,0…
自定义图层加载Arcgis Server松散切片
ArcGIS Server提供了丰富的GIS功能，但是对于一个相对简单的项目来说，可能只是使用到了Arcgis Server提供的n地图服务MapServer，这种情况下使用Arcgis Server感觉有些资源浪费，而且Arcgis Server的价格不便宜。这种情况下，n我们可以考虑通过自定义图层的方式来加载Arcgis Server的切片。下面就介绍基于Silverlight Api如何
地图动态标绘–B/S应用（二）
作者：Snipern动态标绘广泛应用于电力、通信和应急等多个行业和领域。它可以用形象生动的矢量符号描述各种业务对象，表示各种资源，还可以动态渲染业务进度和流程。
WFS服务转要素类矢量的方法
1.找到可以用的WFS服务，这里以Esri官网提供的WFS为例进行说明讲解nnnhttp://sampleserver6.arcgisonline.com/arcgis/services/SampleWorldCities/MapServer/WFSServer?request=GetCapabilities&service=WFSnn2.在工具箱中找到WFS转要素类工具nnnnWFS服务…
leaflet 加载 wkt 文件
插件下载nhttps://download.csdn.net/download/seelingzheng/10481108ngithub ：https://github.com/Esri/Terraformern介绍nterraformers是Esri的一个开源项目nnnnnnnterraformersnn示例如下n…
R语言之数据可视化—地图可视化leaflet包(上)
n n n n包的github链接地址：https://github.com/rstudio/leafletn基于leaflet的中文扩展包出自chiffon大大github地址：https://github.com/Lchiffon/leafletCNnn一.安装方式：nn可见作者关于安装的文章nn二.使用方法：nnnleaflet的一些用法介绍：nnnlibrar
[WebGIS] arcgis js地图坐标偏移问题
WebGIS加载数据时坐标偏移问题。
作为产品经理为什么选择开源GIS
作为产品经理为什么选择开源GIS开源GIS和商用GIS软件的区别开源GIS的误区为什么选择开源GIS本章总结nn本章导读：选择商用GIS还是开源GIS，这个话题一致困扰着很多GISer，不同的人在不同的情况下有不同的选择。本文笔者从产品经理的角度解释一下为什么要选择开源GIS。 By 李远祥nn开源GIS和商用GIS软件的区别n很多技术人员，只要一谈到开源二字，就认为开源技术一定需要非常高深的…
Web GIS离线解决方案
1、背景nn在离线环境下（局域网中）的GIS系统中如何使用地图？这里的地图主要指的是地图底图，有了底图切片数据，我们就可以看到地图，在上面加上自己的业务数据图层，进行相关操作。nn要在离线环境下看到GIS地图，就要有底图切片数据，地图的底图切片数据在一定时间内是不会变化的，可以使用一些地图下载器下载地图切片，如这个地图下载器。nn在CS系统中可以基于GMap.Net来做，参考《百度谷歌离线地图解决…
Canvas 通过改变渐变线的起始点做飞线效果
nnnnn
n n
Osmdroid 使用之加载google影像地图
Osmdroid 使用之加载google影像nn转载 osmdroid 在线加载谷歌瓦片nnOsmdroid 是开源的GIS加载框架。npackage com.googlemap.online;n nimport org.osmdroid.tileprovider.MapTile;nimport org.osmdroid.tileprovider.tilesource.XYTileSource;…
Canvas 通过改变渐变色渐变百分比位置做飞线效果
nnnnn
n n
canvas写的地铁地图
[size=small][color=blue][b]根据的是百度提供的坐标，canvas的坐标是大的坐标在后面，所以跟实际生活方向相反。rn所以canvas里的北方在下方，实际生活中北方在上方。rn因为根据的是真实坐标，所以跟广州地铁提供的地图不一样。rn左侧地图一种写法，右侧地图另一种写法。rn左侧可以下拉菜单选择线路查看路线，还可以查询站名属于哪个路线；右侧是全地图。rn暂时没有其他功能………
【Leafletjs】5.L.Control 自定义一个Control
nrnL.Controlrn所有leaflet控制的基础类。继承自IControl接口。 你可以这样添加控件:rncontrol.addTo(map);rn// the same asrnmap.addControl(control);rn构造器rnnn构造器n使用n描述nnnL.Control(
css设置鼠标样式为背景图片
其实在很多场合我们都已经体会到了这种需求，比如人人的图片翻页，移到不同的区域鼠标会变成左右箭头的图片样式。rn rn具体怎样设置呢？rn rn rn#testrn cursor:url(‘path/.*****.cur’)rnrn rn注意：我们引用的文件是以cur文件为后缀的图标文件。rn rn 据说这个格式与.ico的格式是一致的，一般情况下，可以直接把文件后缀改成….
经纬度坐标转换成屏幕坐标
经纬度坐标转换成屏幕坐标n地理坐标定义规则：X轴(代表经度)向右递增，Y轴(纬度)向上递增，就好比小学学过的平面坐标。向左、向下的规则。屏幕坐标定义规则：X轴向右递增，Y轴向下递增。n可以看出，地理坐标和屏幕坐标的区别仅仅只是在于Y轴递增方向是相反的(这就是不同)。n这里强调一点的就是为了保证精度，地理坐标的度*3600换算成秒，所有的取值用double来计算，最后的结果再转换成int。
地图算法（四）：判断当前点是不是在圆内
public class CircleAreaJudge n private double cx = 0.0D;n private double cy = 0.0D;n private double r = 0.0D;nn public CircleAreaJudge(double x, double y, double r) n try n …
基于WebGIS技术的在线地图共享网站Maplet开发阶段小结
Maplet在线地图共享网站（http://www.maplet.org），是一个使用了Web、WebGIS技术开发的信息共享、科普、教育网站。最近几天，开发工作大概完成，有一些文字，写一下记录一下，防止以后忘记。本科时候的专业是地理科学，研究生阶段学的是地图学与地理信息系统，工作之后在单位的遥感与地理信息中心，也大都与地理空间业务相关。个人对技术方面比较感兴趣，尤其是开源GIS方面，现在算起来也有