
OpenLayer
dg_2018
这个作者很懒,什么都没留下…
展开
-
Openlayers
//获取鼠标位置坐标var coordinate = map.getEventCoordinate(evt.originalEvent);//获取与传入的坐标点最近的要素var closestFeature = vectorSource.getClosestFeatureToCoordinate(coordinate);...翻译 2019-11-28 14:11:37 · 141 阅读 · 0 评论 -
Openlayers加载海量数据
点聚合效果 点抽稀效果 预先将点位数据从数据库中查询出来,缓存到服务器端一个json文件中,json文件只缓存点位的基本信息 在不考虑显示顺序的情况下,使用多线程循环展示数据集 在无交互的情况下,先将要素数据生成图片展示,在有操作的情况下通过鼠标各事件操作...翻译 2019-11-21 10:59:38 · 2151 阅读 · 0 评论 -
Openlayers点要素聚合
openlayers提供了一个点聚集图层数据源类型ol.source.Cluster,结合矢量图层即可构造一个简单的聚集图层。点聚集图层数据源的distance类型控制聚集的阈值,当两点间像素距离小于40时便聚集为一个点。//加载kml格式地震级数据 var vector = new ol.layer.Vector({ source: new ol.source.Clus...翻译 2019-11-19 11:15:24 · 714 阅读 · 0 评论 -
Openlayers地图和div内容优先级问题
var map = new ol.Map({ interactions: ol.interaction.defaults({ onFocusOnly: true }), layers:[ new ol.layer.Tile({ source: new ol.source.OSM() }) ], target: "map", view: new ol.View({ ...翻译 2019-11-13 19:11:36 · 242 阅读 · 0 评论 -
Openlayers坐标
var hdms = ol.coordinate.toStringHDMS(ol.proj.toLonLat(coordinate));ol.coordinate.toStringHDMS(coordinate);显示为度分秒格式ol.proj.toLonLat(coordinate);将坐标转为经纬度格式ol.proj.fromLonLat(coordinate, projectio...翻译 2019-11-13 16:47:53 · 561 阅读 · 0 评论 -
Openlayers地图事件
点击事件singleclick:地图单击事件dblclick:地图双击事件click:地图点击事件拖拽事件pointerdrag:鼠标拖拽事件pointermove:鼠标移动事件渲染事件postcompose:地图渲染中precompose:准备渲染,未渲染postrender:渲染全部结束移动事件moveend:地图移动结束改变事件change:la...翻译 2019-11-13 16:45:28 · 532 阅读 · 0 评论 -
gis基础算法
https://blog.youkuaiyun.com/qq_22929803/article/details/46818159翻译 2019-11-12 18:55:12 · 197 阅读 · 0 评论 -
gis坐标系统
大地坐标系统(GCS):大地坐标系统以度分秒为单位(只是进制单位,不可进行计算如面积),也就是我们常说的经纬度坐标,大地坐标系统又可分为地心坐标系统(WGS84、CGCS2000)、参心坐标系统(北京54、西安80)投影坐标系统(PCS):投影坐标系统以比例尺为基础来看是什么单位如米、千米(可以用来计算面积),也就是我们常说的xy坐标(高斯克吕格投影(Gauss Kruger)==横轴...翻译 2019-11-12 16:37:33 · 1020 阅读 · 0 评论 -
gis数据结构
Geojsongeojson是json下的一个子类,用于记录地理空间数据,一个完整的geojson文件相当于一个对象,以键值对的形式记录。{ "type": "FeatureCollection", "features": [ {"type":"Feature", "properties":{}, "geometry":{ ...翻译 2019-11-11 16:57:50 · 646 阅读 · 0 评论 -
Openlayers设置请求瓦片大小
对于发布的瓦片地图服务是可以动态调整请求数据大小,可以根据服务器性能动态调整,如果服务器的计算性能足够,可以把瓦片请求调大一些,如果服务器性能不足,就需要减小瓦片请求大小,但网络的延迟影响将会更大(请求的瓦片小,请求的次数就多)。在使用调整请求大小时,需要综合考虑。tileSize:512...翻译 2019-11-08 10:26:35 · 1055 阅读 · 1 评论 -
Openlayers渲染海量矢量要素
ol.Map:canvas方式渲染ol.WebGLMap:WebGL方式渲染ol.style.AtlasManager: 生成一个大号的canvas,用以装载海量的要素(以前使用的是单个的canvas,效果不好) 对ol.style.Icon类型的对象无效...翻译 2019-11-07 14:39:47 · 1332 阅读 · 0 评论 -
Openlayers矢量标签显示控制
地图多个多边形都显示标签地图会比较乱,只在最大的多边形显示标签。翻译 2019-11-07 13:59:46 · 317 阅读 · 0 评论 -
Openlayers图片跨域问题
使用crossOrigin:"anomymous"参数解决跨域问题。翻译 2019-11-07 11:36:56 · 357 阅读 · 0 评论 -
Openlayers限制图层的最大/最小分辨率
minResolution:2000,maxResolution:20000使用最大/最小分辨率切换图层。在限制的范围之内时显示图层,在限制的范围之外时不显示图层。翻译 2019-11-07 10:59:32 · 642 阅读 · 0 评论 -
Openlayers地图切换动画
Openlayers默认3857坐标。核心是animate的使用 同一animate过程可分入场出场动画 多个animate过程并发执行easing可以自定义过渡效果,返回值为0-1之间的小数,代表起点到终点的变化进度。rotation的使用 rotation属性初始化地图的旋转角度, 获取对象调用setRotate方法设置地图旋转角度。anim...翻译 2019-11-07 10:01:43 · 289 阅读 · 0 评论 -
Openlayers高级视图定位
view.fit 将多边形区域适配到某个范围内(外接、最匹配范围、最佳分辨率) 按某点以某分辨率居中view.centerOn 将某点定位到某屏幕坐标的相对位置,定位时分辨率不变...翻译 2019-11-07 09:44:49 · 378 阅读 · 0 评论 -
Openlayers瓦片预读技术
将地图进行缓存,通过缓存提高用户体验,拖动缩放不会出现太多空白区域。layers:ol.layer.Tile preload:infinity---预读,preload:0---默认为0不显示翻译 2019-11-07 09:14:45 · 591 阅读 · 0 评论 -
Openlayers将绘画保存到后台
保存绘画一般是要素的Geojson或者kml格式数据。保存Geojson数据格式要通过ol.format类从Feature转换。翻译 2019-11-06 10:38:17 · 810 阅读 · 0 评论