Openlayer

解决Openlayers转化为墨卡托坐标系定位不准和隐去前3级的问题

改为：maxResolution:156543.0339maxExtent:newOpenLayers.Bounds(-20037508.34,-20037508.34,20037508.34,20037508.34
lichengxian·2020-08-15 18:03

openLayers 中ol.proj.transform详细介绍

ol.proj.transform(coordinate,source,destination)将坐标从源投影转换为目标投影。这将返回一个新的坐标（并且不会修改原始坐标）。示例：1、将地理坐标转为投影坐标ol.proj.transform(pos,'EPSG:4326','EPSG:3857')2、将投影坐标转为地理坐标ol.proj.transform(pos,'EPSG:3857','EPSG
冰雪为融·2020-08-15 18:29

openlayers地图切换

代码：https://github.com/lixiufei/openlayers预览：https://lixiufei.github.io/openlayers/openlayers卫星地图路网地图/
启明星在这里·2020-08-15 18:28

openlayers3 鼠标单击事件，图片随鼠标滚动缩放事件

鼠标单击事件map.on('singleclick',mapClick);functionmapClick(e){varpixel=map.getEventPixel(e.originalEvent);featureInfo=map.forEachFeatureAtPixel(e.pixel,function(feature){returnfeature;});if(featureInfo){//
leobbis·2020-08-15 18:57

openlayers基础使用和一些简单交互

引入文件创建dom节点定义样式必须要定义好长和宽才能正常使用.map{height:400px;width:100%;}初始化varmap=newol.Map({controls:ol.control.defaults({attribution:false,rotate:false,zoom:false}),target:'container',layers:[newol.layer.Tile({
海诺·2020-08-15 18:57

openlayers3 + canvas 通过粒子动画展示风场

openlayers3+canvas展示风场原理：将屏幕坐标转换为经纬度，再通过经纬度获取风速风向，再通过canvas绘制效果：步骤：1、随机新建粒子（显示得风得数量，确定生命周期、位置等信息），获取该粒子得风速风向
Lazy man·2020-08-15 18:24

基于Openlayers3的地图轨迹及其优化

一、背景项目线上系统经常出现一个问题，当地图轨迹点较多后者出现跨度较大的跳跃点时，地图缩放轨迹计算会导致浏览器比较卡，非常影响用户体验，根本原因是因为地图轨迹在进行缩放时，会在前端重新计算轨迹箭头图层的位置信息，当看到计算入口代码时，发现计算比较暴力，计算时间复杂度太高，需要进行优化，通过网上查询，发现一个博主的做法能有效降低计算的时间复杂度（https://blog.csdn.net/freel
最爱夜明珠·2020-08-15 18:49

openlayer中如何隐藏默认的放大缩小及标志按钮

map=newol.Map({controls:ol.control.defaults({attribution:false,zoom:false,rotate:false}).extend([//newol.control.LayerSwitcher({trash:false,extent:true}),//newol.control.ScaleLine(),//newol.control.Zo
crdc_yang·2020-08-15 18:19

Openlayer 数据可视化开发笔记

前言很长一段时间，在我的认知里，对地图的理解都只是在百度和高德，直到我换了工作岗位后，才知道原来有个很有名的开源地图库叫作Openlayer（与它同级别的还有Leaflet），因为项目需要，所以开始学习这个库
洲上牧童·2020-08-15 18:17

openlayers3（五）根据坐标点画圆、线、多边形

所以我写的也算是基于上一篇：openLayers3（四）电子围栏—使用画图工具绘图话不多说，代码附上代码classdrawFence{//转换坐标点（多）transPoints(points){letarr
天空影·2020-08-15 18:45

Openlayers扩展H5绘制10W+数据

本文基于openlayers2现有api扩展html5的支持绘制10W+的四边形，当然样式简单死板，只为说明通过H5也可以为ol带来不菲的性能(默认自带vector图层中添加feature超过2K+数据后就会出现卡顿
jjxliu306·2020-08-15 18:12

openlayers入门之使用openlayers描述车辆运动轨迹

不介绍概念直接上例子，需要了解的可以直接看API先来简单的，展示个地图看看">MyJSP'test.jsp'startingpage//使用指定的文档元素创建地图varmap=newOpenLayers.Map
键圣·2020-08-15 18:39

openLayers地图插件的写法

/***FROM：xph*主要功能：*1简单加载离线地图（因为百度地图算法问题，仅支持google）*2地图元素加载，点和线*3事件操作，单击，悬浮，右键*4OL常用API调用，remove方法，地图移动*庭博*date:20180928*/(function($){vardefaultPrams={centerCoordinate:[116.388888888889,40.14388888888
庭博·2020-08-15 18:08

openlayers加载Arcgis在线切片服务

背景项目上内网不能使用在线地图，提供arcgis地图服务，前端使用openlayers加载地图服务主要参考资料：感谢博主Openlayers加载ArcGISServer切片服务（自定义切片方案）arcgis
在数月亮·2020-08-15 18:07

使用Openlayers调用天地图在线服务数据

国家测绘局2010年10月21日正式发布中国公众版国家地理信息公共服务平台“天地图”，作为中国境内数据资源最全的地理信息服务网站，“天地图”将为公众提供权威、可信、统一的地理信息资源。“天地图”公开开放了地图数据服务接口，第三方使用者可以直接通过互联网获取地图数据，无需授权认证，在公众服务信息公开方面可以说是一次非常大的进步。“天地图”的在线服务数据近10TB，以下是“天地图”提供的在线地理信息数
iwillsw·2020-08-15 18:01

OpenLayers部分方法事件

一、设置中心坐标map.setCenter(point,zoom);二、删除标记markers.removeMarker(marker);三、移动标记marker.moveTo(map.getLayerPxFromViewPortPx(e.xy));四。获取中心坐标map.getCenter();五、获取扩大倍数map.getZoom();六、地图添加单击时间map.events.register
iteye_17205·2020-08-15 18:57

openlayers3应用（一）：调用百度在线地图

本文讲述在openlayers3中使用百度地图的方法。调用百度地图，也是经过了几番周折贴上显示代码，以免其他人调用百度地图走弯路。
iteye_11787·2020-08-15 18:56

OpenLayers显示本地图片

Inserttitlehere/Script/theme/default/style.css"type="text/css">/Style/style.css"type="text/css">/Script/lib/OpenLayers.js
iteye_11116·2020-08-15 18:25

改变OpenLayers缩放工具条位置以及大小

varmap,layer;functioninit(){map=newOpenLayers.Map('map');layer=newOpenLayers.Layer.WMS("OpenLayersWMS
iteye_11116·2020-08-15 18:25

OpenLayers>Marker>events(click/mousedown)【地图中标记的事件】

MyJSP'mark.jsp'startingpage-->/Script/theme/default/style.css"type="text/css">/Style/style.css"type="text/css">/Script/lib/OpenLayers.js
iteye_11116·2020-08-15 18:25

OpenLayers3-8-Custom Tooltips

原文地址：http://openlayers.org/en/v3.13.0/examples/button-title.html这个例子展示了如何使用Bootstrap来定制化你自己的按钮相关的api文档包括
isowang·2020-08-15 18:24

Openlayers 3 绘制过程中坐标系统转换方法示例 (EPSG4326到 3857)

Openlayers3ReprojectEPSG:4326vectortoEPSG:3857关键点:dataProject源的投影坐标系,featureProjection目的投影坐标系示例中待绘制数据的投影坐标系为
山___·2020-08-15 18:47

基于OpenLayer的前端Aspx标记用法

基于OpenLayer的前端Aspx标记用法历史地块定位#body{position:absolute;top:0px;left:0px;right:0px;bottom:0px;background-color
hsg77·2020-08-15 18:14

OpenLayers

OpenLayers是一个开源的js框架，用于在您的浏览器中实现地图浏览的效果和基本的zoom，pan等功能。
jhnack·2020-08-15 18:42

Openlayers6 Examples学习笔记（10）

文章目录WFS-GetFeature（获取要素，查询过滤）WMSGetLegendGraphic（获取图例）WMS512x256TilesSingleImageWMSWMTS（加载WMTS图层）WMSTime（时间动态更新数据）重点TiledWMSWrapping（WMS瓦片包裹）WMSwithoutProjection（加载未知投影WMS数据）WMTSTileTransitionsWMTSLay
何去何从2857·2020-08-15 18:41

Openlayers6 Examples学习笔记（8）

文章目录SelectFeatures（选中要素）ScaleLine（比例尺控件）SelectFeaturesbyHover（鼠标悬浮高亮选中要素）StaticImage（加载静态图片）SnapInteraction（捕捉交互集成）StamenTiles（Stamen瓦片地图）SyntheticLines（合成线）StreetLabels（路线标注-沿路径轨迹）TeleportingMaps（传送地
何去何从2857·2020-08-15 18:41

Openlayers6 Examples学习笔记（5）

文章目录ViewAnimation（视图动画）GPXDataMapGraticule（地图网格）EarthquakesHeatmap（地震震级热力图）HitToleranceIconColors（自定义图片颜色）VectorLayerHitDetection（矢量图层高亮）IconSymbolizer（图标符号）VectorImageLayer（图层高亮）GeoJSON（加载GeoJSON数据）J
何去何从2857·2020-08-15 18:41

Openlayers6 Examples学习笔记（6）

文章目录InteractionOptions（互动选项）LimitedLayerExtent（限制图层范围）LayerSpy（地图探查）LayerSwipe（卷帘地图）LayerZoomLimits（图层缩放限制）LocalizedOpenStreetMap（本地化的OSM）LayerZ-Index（图层的Z-Index）LineStringArrows（绘制带有箭头的线）Mapbox-glLay
何去何从2857·2020-08-15 18:41

Openlayers6 Examples学习笔记（3）

文章目录EPSG:4326GeographicEditing（地理要素编辑）CustomInteractionsEarthquakeClustersEPSG:4326创建单位为度的比例尺将视图的坐标系统设置为EPSG:4326（默认是EPSG:3857——Web墨卡托投影）import'ol/ol.css';importMapfrom'ol/Map';importViewfrom'ol/View'
何去何从2857·2020-08-15 18:41

Openlayers6 Examples学习笔记（2）

文章目录TiledArcGISMapServerCanvasTiles（地图网格）DrawandModifyFeaturesDynamicDataEarthquakeswithcustomsymbolsDrawShapes（绘制不同形状的几何图形）TiledArcGISMapServer笔记：加载ArcGISServer发布的瓦片服务import'ol/ol.css';importMapfrom'
何去何从2857·2020-08-15 18:40

Openlayers6 Examples学习笔记（1）

文章目录BingMapsImageArcGISMapServerAttributionsClusteredFeaturesSmoothinglinesusingChaikinsalgorithmDrag-and-DropImageVectorBingMaps笔记：通过Map实例的layers属性，一次性加载多个图层，默认设为visible为false通过TileLayer实例的setVisible
何去何从2857·2020-08-15 18:40

OpenLayers 投影的概念

投影，地球大家都知道不是正圆形的球体，他是一个不规则的椭圆体，所以如果我们把把展开在桌面上，发现地图都会和实际有出入。所以人们发明了各种各样的方式来缩小失真的程度，这种方式就是投影那到底该如何选择投影呢主要要考虑这三种情况面积，距离，形状。我们要根据自身的需求，来使用投影。因为我们的浏览地图的绝大部分需求是，量算面积和距离，和观察某个地区在哪，这就要我们能正确的区分每个图形代表的区域。什么是球面墨
hi_kevin·2020-08-15 18:10

openLayers6系列理论基础——Map篇

openLayers6系列理论基础——Map篇最近开源GIS这块尝试的比较多，leaflet、ol等都接触了一下，主要是因为项目中有需求，想了解下这些开源的GIS到底哪些好用。
小湾生产队队长·2020-08-15 18:08

openLayers6系列理论基础——Layer数据源source篇

openLayers6系列理论基础——Layer数据源source篇source是Layer重要组成部分，表示的图层的来源，指定了数据的服务地址。
小湾生产队队长·2020-08-15 18:37

openLayers6系列理论基础——Layer篇

openLayers6系列理论基础——Layer篇一、Layer介绍Layer是Map的核心组成部分，ol定义了四种基本的图层类型，分别是分别是Tile（瓦片）、Image（图片）、Vector（矢量）
小湾生产队队长·2020-08-15 18:37

地图瓦片整体介绍

前端js地图框架，如openlayer和leaflet，按一定规则编排显示，如百度地图，高德地图，天地图等。栅格瓦片地图的渲染技术已经成熟，可以实现栅格渲染，矢量渲染两种。
GISEarth·2020-08-15 18:37

OpenLayers 加载静态图片

.map{height:98%;width:100%;}OpenLayersexamplevarextent=[0,0,418,600];varprojection=newol.proj.Projection
EastWind2017·2020-08-15 18:04

Openlayers点闪烁扩散效果

点闪烁样式：DOM的样式实现/**橙色点扩散闪烁样式*/.point_animation{background:#ff9900;width:6px;height:6px;border:2px#ff9900solid;border-radius:50%;position:absolute;}.point_animationp,.point_animationspan{position:absolut
gw依旧爱学习·2020-08-15 18:02

openlayer3 实现鼠标框选，以及聚合功能

出行量(自定义区域)/js/map/openlayers/ol.css"rel="stylesheet"/>/css/gis/main-gis.css"rel="stylesheet"/>/css/gis
guoyuchuan123·2020-08-15 18:32

Openlayers 实现轨迹播放/暂停/重新播放/从点击处播放

说明：我的需求是需要实现轨迹播放/暂停/重新播放/从点击处播放，因此封装了一个类解决方案：1、初始化：主要是处理一下图层以及数据，通过插值构造一个全局数组/***@description初始化轨迹*/(functioninit(){//地图容器that._map=_map;//轨迹线图层that._animationLineLayer=animationLineLayer;//轨迹点图层that.
guzicheng1990·2020-08-15 18:32

OpenLayers5在EPSG:4326投影坐标系下测量长度和面积

ol/sphere里有getLength()和getArea()可以用来测量距离和区域面积，默认的投影坐标系是EPSG:3857,其中有个options的参数，可以设置投影坐标系。使用时,可以先把几何图形转换成‘EPSG:3857’的投影方式，然后再使用getLength和getArea。也可以设置options参数，下面是代码：//地图使用的是EPSG:4326投影坐标系/***格式化长度输出*
鬼马行天·2020-08-15 18:00

矢量切片(Vector tile)

矢量切片(Vectortile)说明：本月的主要工作都是围绕制作矢量切片这一个核心问题进行的，所以2月的主题就以这个问题为主，目前分支出来的一些内容主要包括了TMS(Tilemapservice)，OpenLayers3
豆破苍琼·2020-08-15 18:26

快速入手openlayers-基本概念理解

Mapopenlayers最核心的是ol.Map。它被呈现到对象target容器中。
豆破苍琼·2020-08-15 18:26

OpenLayers5加载GeoServer WMS、WMTS服务

软件版本OpenLayers5.3.3GeoServer2.16.0关于GeoServer如何发布WMS、WMTS服务请参考上一篇文章GeoServer数据服务发布及切片。
giscoder·2020-08-15 18:54

Leaflet与OpenLayer

没有OpenLayer那么复杂，专注性能和可用性，简单的API，精巧，移动支持。已
Evan_Gu·2020-08-15 18:54

openlayers 实现鼠标移动要矢量要素上高亮显示

一、鼠标移动到矢量要素上实现高亮显示的思路（1）建立一个高亮的图层，鼠标移动获取的数据添加到高亮图层上边，鼠标移除，将改要素从高亮图层中删除，这种方式会影响点击事件，点击获取的永远是高亮图层要素，要是地图当前只有一个图层有点击事件影响不是很大，但是多个图层存在点击事件会受到影响，需要建立多个高亮图层进行分类显示属性信息。（2）利用js的浅拷贝特性进行数据存储，鼠标移动获取的要素赋值给一个变量，并且
gis_SSS·2020-08-15 18:54

OpenLayers 3实践与原理探究4.4-ol3源码分析-render

网上有人(OpenLayers3源码那些事)总结一张图的不错，这里拿来用一下0.从map.
TechFE·2020-08-15 18:53

OpenLayers 3实践与原理探究4.1-ol3源码分析-底层基础

因为下面的内容会分模块介绍源码，所以这里为了方便，首先介绍源码的目录结构在OpenLayers3官网的下载页面下载我们在开发工程中需要的文件(如：v3.17.1.zip)，注意如果需要编译源代码，需要下载包含编译功能的文件包
TechFE·2020-08-15 18:21

OpenLayers的Vector图层可编辑

对于OpenLayers的Vector图层，上面绘制了各种feature。例如绘制了一个多边形，现在希望通过鼠标来动态调整该feature的边界。
超频化石鱼·2020-08-15 18:51

OpenLayers的Overlay：弹窗

点击某个元素，弹出弹窗。该弹窗就是Overlay。定义一个Overlay，首先要定义一个元素作为弹窗的主体：弹窗层内容自定义关闭弹窗的内容可以自定义。然后将其初始化并添加给ol.Map对象：varoverlay=newol.Overlay({element:'myPopup'autoPan:true,autoPanMargin:20,positioning:'center-center'});ma
超频化石鱼·2020-08-15 18:51
上一页 23 24 25 26 27 28 29 30 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他