Openlayer

在OpenLayers中使用和百度地图一样的图标

商业地图中的图标在高德地图、百度地图看到的图标都是十分好看的图标，然而如果通过图片生成的图标和我们预想中的效果始终有点差距，本文的目的是通过SVG的方式生成一种和谷歌地图图标十分相似的效果。当然，除了可以直接设置png的文件url之外，也可以设置svg的文件url，但这并不是唯一的加载svg图标的方式。提供了直接使用图像对象来设置的方式，对应于ol.style.Icon构造函数中的img参数。实现
疯狂的三十哥·2020-08-15 19:17

iClient for OpenLayers求随机点的包围线（凸包）

iClientforOpenLayers求随机点的包围线（凸包）作者:yangjl就在上个星期，有两位客户小伙伴问我如何取得任意随机的最外围的极端点，并使矢量线将其包围。
supermapsupport·2020-08-15 19:38

Openlayers如何刷新过滤图层

使用Openlyers+Geoserver进行一个大量数据的展示，效率太低不能很好的的展示，也不适合于使用样式表按比例尺进行分层加载，于是研究一下如何通过代码刷新过滤图层，具体如下：1、使用mergeNewParams的方式，这种方式从Geoserver的例子中学来的，数据量不大时可以使用，数据量一大，基本就不能使用了：//先创建一个filter的数据结构varfilterParams={filt
sunsides·2020-08-15 19:35

openlayers中叠加图片bounds计算小工具

不知道大家有没有遇到在OpenlayersG地图中叠加图片显示的情况，这里发布一个我用来计算图片bounds的工具代码：转载请注明出处：tedeum.iteye.comhtml,body,#map{background
sunsides·2020-08-15 19:35

openlayers实现查询功能

Inserttitleherevarmap;functioninit(){varbounds=newOpenLayers.Bounds(87.60611724853516,20.03179359436035,126.64334106445312,45.741493225097656
summer7310·2020-08-15 19:34

Openlayer4的wfs属性查询和空间查询遇到的坑

项目需求是在特定的区域下搜索地物，类似地理围栏里查找POI的功能。而且要求通过图层叠加的方式，不能直接访问数据库然后遍历绘制。这里创建了VectorLayer，网上例子很多就不再赘述，下面是引用官网提供的Example，通过fetch（类似ajax）请求，请求wfs的服务实现。本文是记录下当时遇到的坑。查询部分的代码如下：//测试用的geometry类型数据（Polygon）varnewPoly=
summer2333·2020-08-15 19:33

OpenLayers 项目分析[转]（二）：源代码总体结构分析

通过前面的项目介绍，我们大概已经知道Openlayers是什么，能够做什么，有什么意义。接下来我们分析它怎么样，以及怎样实现的等问题。这个图是从它的文档上截取的，旨在从感官上认识一下O
suen·2020-08-15 19:02

openlayer3隐藏地图右下角logo

第一次接触openlayer3绘制地图，遇到很多问题。虽然有api.但是小白表示看的不在状态。整理记录一下openlayer3绘制地图过程的小问题及解决方法，希望能帮助更多的朋友马上解决问题。
study_7forever·2020-08-15 19:01

openlayer3.0隐藏地图右下角的attribution控件图标

在绘制openlayer地图的时候，出现地图右下角有个消息的小图标。logo已经隐藏，又出来个消息图标。根据需求地图上不能有logo或者图标。
study_7forever·2020-08-15 19:01

OpenLayers学习笔记（一）—在线加载谷歌影像地图&离线加载本地瓦片地图

OpenLayers学习笔记（一）—在线加载谷歌影像地图&离线加载本地瓦片地图实现根据在线离线判断加载地图，在线加载谷歌影响地图，离线加载本地瓦片地图作者：狐狸家的鱼Github：八至html代码tabindex
DebJane·2020-08-15 19:31

openlayers-放大、缩小级别

openlayers放大缩小级别问题需求在使用鼠标滚轮放大地图或缩小地图时层次感太强，想要一个缓慢的缩放流程。或者每次放大0.5倍。
staHuri·2020-08-15 19:28

openlayers-自定义瓦片

openlayers-自定义瓦片定义一个瓦片地址ol.source.TileImage.tileUrlFunction官方文档由此我们只需要重写这个ol.source.TileImage.tileUrlFunction
staHuri·2020-08-15 19:28

openlayers 删除上一个图形

起因近几日群里经常有人问如何删除一个绘制的图形(openlayers中)，顾有此文需求在openlayers中绘制图形，并且分为不同的样式删除上一个绘制的图形思路创建多个point—style构造一个列表存放当前绘制的本文只有三个图层
staHuri·2020-08-15 19:28

openlayers---加载离线谷歌地图

接下来就是使用openlayers加载地图了。我这里使用的jquery
sqcl00·2020-08-15 19:57

OpenLayers3加载离线百度地图(百度迁徙底图)

关于openlayers加载离线百度地图的东东好几年前就做过了，不过当时做的是2.0版本的。自从好久没有去做可视化分析之后，也很少接触这些前端的JS的东西了。
sparkexpert·2020-08-15 19:56

OpenLayer中的XML解析器,必须理解地

比较普遍的是用OpenLayers技术+GeoTools技术+Geoserver服务器+MySQL数据库（当然也可以是DB2等等。由于要收费,所以我会使用PostSQL/GIS数据库）。
sparkzwx·2020-08-15 19:25

Openlayers学习入门

Openlayers学习入门参考资料：http://weilin.me1.在同一个界面动态交换地图OpenLayers3地图示例地图1地图2//创建地图varmap1=newol.Map({controls
sjp8497697·2020-08-15 19:52

OpenLayers 在地图上画线，获取点坐标（以天地图为例）

应用场景：最近在开发过程中，有个需求，需要在天地图中画线，结束后获取对应的坐标集合，查阅OpenLayersAPI和网上的相关资料后得以实现，特此记录。
_修铁路的·2020-08-15 19:19

openlayers使用——ol地图上标注

因为近期在使用openlayers，记录下比较常见的地图标注的用法。下面是在地图上标注图片的方法。
sinahyy·2020-08-15 19:19

openlayers3—地图图层数据来源（ol.source）

ol.source.BingMaps,必应地图的数据；ol.source.Cluster,聚族矢量数据；ol.source.ImageCanvas,数据来源是一个canvas元素，其中数据是图片；ol.source.ImageMapGuide,Mapguide服务器提供的图片地图数据；ol.source.ImageStatic,提供单一的静态图片地图；ol.source.ImageVector,数
静静的路过·2020-08-15 19:48

openlayers 3 实现车辆轨迹回放

先上效果：利用openlayers3地图的postcompose事件监听地图的重绘注意：此代码是我在Vue的methods里面写的测试方法，并不能直接运行，请在理解的基础上测试。
带着天使反上帝 - Kaybee·2020-08-15 19:17

openlayers5之弹窗---POPUP

Overlay#marker{width:20px;height:20px;border:1pxsolid#088;border-radius:10px;background-color:#0FF;opacity:0.5;}#vienna{text-decoration:none;color:white;font-size:11pt;font-weight:bold;text-shadow:bla
花舞月咏潭·2020-08-15 19:16

openlayers5显示谷歌在线地图

.map{height:400px;width:100%;}OpenLayersexample加载谷歌地图window.onload=function(){vargoogleMapLayer=newol.layer.Tile
花舞月咏潭·2020-08-15 19:16

openlayers5加载点要素

.map{height:400px;width:100%;}OpenLayersexampleMyMapvarlabelCoords_org=[112.73,38.42];varlabelCoords=
花舞月咏潭·2020-08-15 19:16

openlayers5加载百度在线地图

body,#mainMap{border:0px;margin:0px;padding:0px;width:100%;height:100%;font-size:13px;}
花舞月咏潭·2020-08-15 19:16

OpenLayers 源码分析

介绍OpenLayers官网网址：http://www.openlayers.org/OpenLayers是由MetaCarta公司开发的，开源的，用于WebGIS客户端的JavaScript包，目前的最高版本是
狮子座明仔·2020-08-15 19:44

Geoserver+Openlayers3加载瓦片地图

本文将介绍如何使用Geoserver+Openlayers3加载瓦片地图。首先进行Geoserver上的配置。
shezili·2020-08-15 19:43

OpenLayers加载天地图方法——WMTS和XYZ

1、ol.layer.Tile及数据源类结构openlayers中，图层(layer)不可缺少的组成部分是数据源(source)，天地图是切片的数据服务，对应的图层是ol.layer.Tile，下图是其数据源对应的类结构图
顽劣的石头·2020-08-15 19:42

3.5.2 可选组件—— OpenLayers 的事件机制

3.5.2可选组件——OpenLayers的事件机制在OpenLayers框架中，OpenLayers.Events是唯一与组件事件处理相关的类。
sasyomaru·2020-08-15 19:39

openlayer 加载矢量图层设置文字标注

自定义图层样式加载矢量图层，设置图层文字标注。functionaddVectorTileLayer(workspace,mapName){varlayerStyle=newol.style.Style({fill:newol.style.Fill({color:'#fff'}),stroke:newol.style.Stroke({color:'#000000',width:1}),text:ne
rookiepm·2020-08-15 19:06

openlayer地图导出指定范围图片文件

在gis系统中我们经常遇到将指定区域的地图导出为图片文件，在openlayer官网提供了导出样例https://openlayers.org/en/latest/examples/export-map.html
rookiepm·2020-08-15 19:06

openlayers加载自定义图层

一、加载图层layer，随地图缩放constimg=newImage();img.src={imgUrl};constmap=newol.Map({...});constsource=newol.source.ImageCanvas({canvasFunction:function(extent,resolution,pixelRatio,size,/*,projection*/){constca
remy0817·2020-08-15 19:33

openlayers开发中遇到的问题

最近做了一个web平台，其中有一个地图服务的模块，包含了一些常见的地图操作和轨迹功能，经讨论最终选择了openlayers4作为地图引擎，这里将开发过程中遇到的问题和解决方案贴出来供大家参考，小弟第一次写博客
remy0817·2020-08-15 19:33

vue + openlayers 实现省市区的描边界与区域填充 (后续)

{{item.features[0].properties.name}}.cityList{width:98%;text-align:center;border-collapse:separate;border-spacing:8px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;.item{pa
royal-·2020-08-15 19:28

openlayers 导出png格式

newol.layer.Tile({source:newol.source.OSM()}),newol.layer.Vector({source:newol.source.Vector({url:'https://openlayers.org
qq_45658025·2020-08-15 19:57

openlayers 显示标记好的坐标点

openlayers显示标记好的坐标点今天由于特殊情况接触到这个新的javascript地图库，openlayers官网英文文档（脑袋疼）废话不多说开搞！
我是小卡车呀·2020-08-15 19:50

Openlayers记录（七）利用ol3进行缓冲区的空间相交分析

Openlayers记录（七）利用ol3进行缓冲区的空间相交分析1效果实现代码首先需要添加引用文件jsts.js,坐标问题阴影proj4.js：//空间分析varproj=newol.proj.Projection
无邪不斜·2020-08-15 19:45

openlayers判断点击的经纬度坐标是否在图层中

点击地图或者鼠标在地图上面滑动时所经过的坐标是否在否个图层上map.on('pointermove',function(e){isLocationArr=newArray();//转换为webmerctor投影vardestinationPro="EPSG:3857";//地理原始投影varsourcePro='EPSG:4326';varfeatureCoords=ol.proj.transfo
uNlanD·2020-08-15 19:45

Openlayers记录（二）热力图heatmap。

Openlayers记录（二）热力图heatmap。
无邪不斜·2020-08-15 19:44

OpenLayers记录（六）模糊查询数据，列表显示并点击定位

OpenLayers记录（六）模糊查询数据，列表显示并点击定位1实现效果2实现代码/**************模糊查询**************///监听回车事件functiononKey(e){vareve
无邪不斜·2020-08-15 19:44

Openlayers记录（三）iClient for ol 实现聚合标签专题图。

Openlayers记录（三）iClientforol实现聚合标签专题图。
无邪不斜·2020-08-15 19:44

Open layer记录（五）矢量样式编辑器

Openlayer记录（五）矢量样式编辑器1样式面板2修改样式面板修改包括填充样式、边界样式，自定义颜色面板（需要用到一个js插件）3实现代码3.1html代码矢量图层样式X显示标注填充颜色：黑色蓝色红色自定义填充透明度
无邪不斜·2020-08-15 19:44

WebGIS开发基于Openlayers_地图添加与默认控件添加删除

1.代码与显示效果AccessibleMap放大缩小旋转复位varmap=newol.Map({layers:[newol.layer.Tile({source:newol.source.OSM({wrapX:false})})],target:'map',controls:ol.control.defaults({attributionOptions:/**@type{olx.control.A
刘彩虹·2020-08-15 19:04

OpenLayers在线调用天地图并绘制点状符号进行标记

OpenLayers在线调用天地图并绘制点状符号进行标记在做web开发时，需要用openlayers调用天地图作为底图进行开发，并绘制一些点、线、面图形进行标记。
努力搬砖的giser·2020-08-15 19:04

使用openlayers加载OSM地图

一，安装olcnpmiol-S二，在components文件夹下面新建olmap.vueimport'ol/ol.css'import{Map,View}from'ol'importTileLayerfrom'ol/layer/Tile'importOSMfrom'ol/source/OSM'exportdefault{data(){return{};},mounted(){newMap({tar
~李疆·2020-08-15 19:29

openlayers绘制自定义点线面样式,带清除功能Vue版

openlayers绘制自定义点线面样式,带清除功能初学openlayers有不足之处还望轻喷,多谢项目用的是vue,elementUI,以及scss啊…本来点线面都录制了一个gif图,因为某些原因只剩下一个线的了
我小子真帅·2020-08-15 19:27

OpenLayers3 地图图层(Layers) 详解

在OpenLayers中，图层是使用layer对象表示的，主要有热度图层(heatmaplayer)、图片图层(imagelayer)、切片图层(tilelayer)和矢量图层(vectorlayer)
何木木·2020-08-15 19:25

OpenLayers基础

OpenLayers基础基本概念：Map((Layer(Source),View()))**Map:**是OpenLayers的核心部分，被放到target容器中。
汪大玉最美丽·2020-08-15 19:53

Openlayers扩散的动态点（水纹效果）

在openlayers中制作危险源标识可以需要动态扩散的点（有很多种方法可以加入jpg动图，也可以写css动画）这里提供一种思路用openlayer自带的方法写并给予详细的方法注释供初学者学习（所有jar
RNG_Never give up·2020-08-15 19:53

openlayers 实现风场效果图

开发环境：openlayers5参考：https://github.com/Esri/wind-jshttps://github.com/blissvisitor/wind-layerhttps://github.com
搬砖的人生·2020-08-15 19:49
上一页 19 20 21 22 23 24 25 26 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他