openlayers

vue项目中openlayers绘制行政区划

vue项目中openlayers画行政区划（区域范围），供大家参考，具体内容如下原理在地图上画需要的范围，实际上就是在地图上打上一圈点，然后依次将这些点用线连接，就形成了范围引用相应的ol模块importVectorLayerfrom'ol
·2021-08-26 19:19

OpenLayers入门（二）

前言好久不见，距离OpenLayers入门第一篇已经过了很久，为什么迟迟没有后续呢，主要有两个原因，一是因为近期项目里使用地图的部分比较少，二是因为很多时候即使功能做出来了，但是还是不能完全理解，不是很明白的东西除了贴代码之外也写不了啥
·2021-08-03 00:09

OpenLayers入门（一）

OpenLayers简介OpenLayers（https://openlayers.org/）是一个用来帮助开发Web地图应用的高性能的、功能丰富的JavaScript类库，可以满足几乎所有的地图开发需求
·2021-08-03 00:08

Cesium轨迹回放

在使用openlayers做二维地图的时候也开发过轨迹回话，其基本思路就是使用一个定时器，实时更新车辆的位置的方向，让车辆在轨迹上跑，做法也比较简单，在Cesium中，使用CZML实现起来更容易。
写前端的大叔·2021-07-20 14:08

SuperMap二维iClient客户端如何添加自定义请求头(一）

在项目实际应用中，有时候需要在发送请求中添加一些自定义的请求头，那现在来看看SuperMap二维iClient客户端中是如何是使用的捏1.版本支持情况二维iClientforLeaflet/Openlayers
ayiyayiyo·2021-06-26 05:44

openlayers3中Geojson加载要素互相遮盖妙解

openlayers3中记载geojson文件，其实没有那么难，官网有例子，网上有demo，是呀，加载个图形，线段或者点的很容易，但是哥这次加载的是一幅json格式的室内地图（高逼格），各种图形错综复杂
FunGIS·2021-06-23 20:49

openlayers4 入门开发系列之地图空间查询篇（附源码下载）

前言openlayers4官网的api文档介绍地址openlayers4api，里面详细的介绍openlayers4各个类的介绍，还有就是在线例子：openlayers4官网在线例子，这个也是学习openlayers4
gis之家·2021-06-13 10:30

leaflet做导航

概述Leaflet是一个开源的Javascript地图库，与OpenLayers比起来就是对移动端稍微友好一点。不过说到底还是个JS库，主要用在网页上的，在网页上做导航这个设定就有点蛋疼。
左牵狗·2021-06-09 11:22

openlayers

map={layer:{source:{feature:[],addFeature(){}}}}image.png
丶End·2021-06-06 12:45

Vue、OpenLayers结合天地图实现Gis

安装依赖：npminstallol主要代码：{{item.name}}{{item.lng}}{{item.lat}}查询-->-->-->-->查询-->地图(道路)地图(卫星)-->-->-->-->-->-->-->-->-->事件类型import*asGisfrom'@/api/modules/gis/gis'//接口import$from'jquery'//openLayerimport
蜗牛与藤曼·2021-05-27 16:32

openlayers3的源码结构

由于在工作中经常使用openlayers，作为GIS前端框架之一，有必要对openlayers在源码上有一定认识，因此整理了v3.17.1版本的源码结构图，如图：
dawn_P·2021-05-21 05:19

shape文件上传与展示

上传展示流程图实现效果面线点使用技术jquery插件uploadify和ServletFileUpload实现shp文件的上传；ZipFile实现zip文件的解压；Geotools实现shp文件转换为geojson；openlayers4
lzugis·2021-05-20 21:51

vue+openlayers学习

vue-cli3.0.1:https://cli.vuejs.org/guide/installation.htmlcnpminstall-g@vue/clivue-V查看版本2、新建项目vuecreatevue-openlayers
漫漫江雪·2021-05-18 05:01

用openlayers实现矢量地图数据的展示

如果我们有一些矢量数据，如何利用OPENLAYERS将这些数据在网络上进行发布呢？
d大道至简d·2021-05-15 17:43

QGIS Add Custom Basemap

adding-additional-stamen-map-tiles-to-qgis-2-4-tutorial/I、InstallQGISvisitOfficialSitedownloadII、InstallOpenlayersPluginunderPluginsmenu
竹林品雨·2021-05-12 06:12

2017.9.29 OpenLayers和各地中秋习俗

分享人：黄华英OpenLayersimage.png为了调用map，需要做3件事情：调用OpenLayersmap容器JavaScript新建map1.调用2.用于包含地图3.JS创建mapvarv1=
胡諾·2021-05-10 02:22

WebGIS 2-2-2交互式绘制(规则)多边形

规则)绘制多边形1.步骤1)全局变量varmap,layer;vardrawControl;//笔varvecLayer;//纸2)加载地图functioninit(){//创建地图容器map=newOpenLayers.Map
故因·2021-05-09 04:53

openlayers5-距离测量和面积量测

升级到最新版openlayers5.2,重新写量测方法，官网examples里面有实现好的代码，但是项目是基于vue的模块化开发，官网的例子直接引入不是很合适，并且官网的例子是可以一直连续的测量，而项目中需要测量一次的方法
知足常乐晨·2021-05-02 13:19

用OpenLayers 3加载Bing在线中文版地图

OpenLayers3中提供了加载Bing地图的sourceol.source.BingMaps，但是并不支持中文，构造函数的参数culture设置为中国是不行的，应该是Bing地图目前并没有提供中国区域的瓦片在线服务
猿基地·2021-04-29 13:30

uniapp 实现聚合点，点闪烁，动态展示选择的行政区域点，wms图层展示

最开始想着用openlayers来写，但是后面展示出来的效果不好，反应慢，且地图模糊，直接pas
Luo`my·2021-04-25 16:44

【GIS】QGIS中2.5D渲染和导出三维场景

qgis2threejs可能也有新版了……1.数据准备准备一份带高程的面状要素数据集，可以手动添加高度字段2.配置2.5D样式先选择2.5D样式，设置高度字段和倾斜角度等再设置其他配色样式，如渐变色等3.安装插件openlayersplugin
PancakeCard·2021-04-25 02:48

openlayers地图框架使用介绍

因为项目使用openlayers地图框架，所以就研究了一下，配置了一些可以复制粘贴修改的代码！，基础配置怎么让地图出来、属性等我不详细说了，API看看复制都行！只讲解一下怎么绘制各种图层！
虚幻的锈色·2021-04-22 20:27

基于openlayers实现角度测量功能

基于openlayers的测量功能，官网提供了长度测量和角度测量，但是没有角度测量，在此写一下基于openlayers的角度测量功能，主要方法如下：varformatAngle=function(line
·2021-04-21 13:09

OpenLayers/leaflet/Mapbox/AGS等GIS前端总结概述

leaflet/openlayers轻量级，那么轻在哪里（相比ArcGISjs，甚至Openlayers）？
ziling123·2021-04-19 07:23

开源库

js库turfjs(空间分析）leafletcesiumopenlayersarcgisapiforjavascriptthree.jswebgl
1e6c2b3901b0·2021-04-17 17:10

WebGIS引擎现状与未来

一引言作为十年GIS老兵，常常遇到同行或领导的灵魂拷问，“为什么我们不用google地图啊，我看它的3D很好啊”，“OpenLayers6支持3D吗？”
遥想公瑾当年·2021-04-12 19:09

openlayers的基本使用

1、环境构建yarnaddol2、引入文件(按需引入)import"ol/ol.css";import{Map,View}from"ol";import*asolProjfrom"ol/proj";import{VectorasVectorLayer,Tile}from"ol/layer";importFeaturefrom"ol/Feature";import{Point}from"ol/geo
·2021-04-07 10:25

Vue3.0 Openlayers教程

Vue3.0Openlayers教程.png1、Vue3.0第一个地图.png2、Vue3.0加载高德地图.png3、Vue3.0实现一个简单的气泡弹窗.png4、Vue3.0显示多个点要素.png5、
星星编程·2021-04-01 10:44

【openlayers】基本概念

1.地理坐标系常见的为以下3种：WGS84坐标系GCJ02(火星)坐标系BD09(百度)坐标系国内基本上使用后面2者。2.投影坐标系投影坐标系使用基于X,Y值的坐标系统来描述地球上某个点所处的位置。投影坐标系由以下参数确定:地理坐标系(如WGS84)投影方法(如Mercator投影)2.1常见的投影方式EPSG:4326(经纬度投影)EPSG:3857(球面墨卡托投影)看资料的时候发现EPSG:4
·2021-03-16 00:39

不爽的一天

讨厌OpenLayers，加一个marker超麻烦，加一个能拖动的marker更加的费事。讨厌arcgis，只想用它的切片组件，非要授权许可，还非要宿主安装ar
大洪·2021-03-11 16:14

OpenLayers3加载常用控件使用方法详解

本文实例为大家分享了OpenLayers3加载常用控件使用的具体代码，供大家参考，具体内容如下1.前言地图控件就是对地图的缩放、全屏、坐标显示控件等，方便我们对地图进行操作。
·2021-02-08 10:45

geoservice地图openlayers图层+echart图表政区添加色块

先看效果图：openlayers案例+api：https://openlayers.org/en/latest/examples/https://openlayers.org/en/latest/apidoc
清云青云·2021-01-26 18:45

openlayers6 快速定位（已知四个点坐标）

rapidPositioning(row){letpolygon=此处省略newPolygon();this.map.getView().fit(polygon,{padding:[170,50,30,150]});},已知四点坐标，初始化多边形，自动定位到多边形即可。
膨胀的泡·2021-01-26 09:11

openlayers源码分析（1）

1准备//码云fork，速度快gitclonehttps://gitee.com/solfKwolf/openlayers.git//以v5.3版本为准gitcheckoutv5.3.02入口文件src
solfKwolf·2021-01-19 21:53

基于OpenLayers+rbush实现高德轨迹样式

一前言  近期翻阅博客，看到社区大神一休哥的一篇《canvas奇巧淫技（二）绘制箭头路径效果》文章，同样，该大神还展示过一个使用rbush库如何在前端快速从海量数据进行空间检索的案例：https://alex2wong.github.io/mapbox-plugins/examples/rbush/，很有分享精神的前端GIS专家，更多关于前端GIS检索数据的技术可参考搜狐的干货专访:《深入理解空间
遥想公瑾当年·2021-01-14 06:38

vue+openlayers+geoserver实现图层展示（地图、点、线、圆、实时位置、轨迹回放）

一、geoserver安装及配置1、安装安装参考文献2、修改配置文件修改：E:\GeoServer2.13.1\webapps\geoserver\WEB-INF\web.xml文件。打开以下注释，以便解决跨域问题3、修改Data中权限删除原有write权限（原权限有用户限制）添加write权限使write权限赋予所有用户。4、建立工作区，并定义命名空间
一梦无痕bzy·2021-01-03 17:35

openlayers画虚线 (十四)

在openlayers中画虚线主要是通过设置Style对象中Stroke里的lineDash属性来实现，lineDash在官网文档描述中很模糊，只说了它是一个数组，再尝试后发现规律过来记录一下这个属性。
吴佩佩佩佩·2020-11-26 16:19

openlayers绘制圆形时设置半径以米为单位

ol.geom.Circle半径参数radius单位是什么？ol.geom.Circle方法有三个参数其中radius便是半径，但是官方文档没有明确说明其单位，只是说radius是number类型，很坑。ol.geom.Circle设置半径的单位是随投影的单位。然后继续看api文档发现setRadius这个方法是设置图形的半径。然后一句关键的话，官网原话：Settheradiusofthecirc
亲爱的阿乾·2020-11-18 06:16

openlayers中实现圈选、多边形选择点要素

/***添加画图圈圈*/functiondrawInteraction(Googlemap,features,layers){varsource=newSourceVector({features:features,})vardraw=newolInteraction.Draw({source:source,type:"Polygon",//为多边形Circle为圆形});Googlemap.ad
Mingchen Shao·2020-11-13 18:00

openlayers绘制圆形时设置半径以米为单位

ol.geom.Circle半径参数radius单位是什么？ol.geom.Circle方法有三个参数其中radius便是半径，但是官方文档没有明确说明其单位，只是说radius是number类型，很坑。ol.geom.Circle设置半径的单位是随投影的单位。然后继续看api文档发现setRadius这个方法是设置图形的半径。然后一句关键的话，官网原话：Settheradiusofthecirc
亲爱的阿乾·2020-11-13 12:49

OpenLayers - Accessible Map(1) - zoom操作

Thispage'smapelementhasitstabindexattributesetto"0",thatmakesitfocusable.Tofocusthemapelementyoucaneithernavigatetoitusingthe"tab"keyorusetheskiplink.Whenthemapelementisfocusedthe+and-keyscanbeusedtoz
yo208·2020-10-10 21:59

openlayers6 使用ol.map＞ol.view center属性无效及解决方案

openlayers6使用ol.map>ol.viewcenter属性无效及解决方案原因分析：原因分析：Theinitialcenterfortheview.Ifauserprojectionisnotset
少年啦1997·2020-10-09 23:35

angular使用openlayers6以及加载百度地图

angular中使用openlayers本来是没什么难度的，但是如果要加载百度地图还是有些问题的，在openlayers3中坐标是从原点右上递增，而openlayers6中是右下递增，这就导致使用百度地图作为底图时出现图层错乱的问题
不要葱花·2020-09-30 22:39

Openlayers3实现车辆轨迹回放功能

记录基于geoserver地图服务，Openlayers3在web前端实现车辆轨迹回放功能，并记录和解决过程中出现的linestring只描绘部分经纬度坐标问题。
·2020-09-29 17:54

Openlayers绘制聚合标注

本文实例为大家分享了Openlayers实现聚合标注的具体代码，供大家参考，具体内容如下1、聚合标注聚合标注是指在不同的地图分辨率下，通过聚合的方式来展示标注点的一种方法，其目的就是为了减少当前视窗中加载的标注点的数量
·2020-09-28 17:31

Openlayers绘制地图标注

本文实例为大家分享了Openlayers绘制地图标注的具体代码，供大家参考，具体内容如下1、标注的简介标注简单点说就是通过图标、文字等方式将我们想展示的内容显示在地图上，着重突出人们所关注的专题内容，从而为用户提供个性化的地图服务
·2020-09-28 14:24

Openlayers实现地图的基本操作

本文实例为大家分享了Openlayers实现地图基本操作的具体代码，供大家参考，具体内容如下1、新建一个html页面，引入ol.js和ol.css文件，然后在body中创建一个Div标签和4个Button
·2020-09-28 12:21

Openlayers实现图形绘制

本文实例为大家分享了Openlayers实现图形绘制的具体代码，供大家参考，具体内容如下1、新建一个html页面，引入ol.js文件，然后在body中创建一个div标签、label标签和一个select
·2020-09-28 12:50

Openlayers显示瓦片网格信息的方法

本文实例为大家分享了Openlayers显示瓦片网格信息的具体代码，供大家参考，具体内容如下1、新建一个html页面，引入ol.js文件，然后在body中创建一个div标签，用来作为地图加载的容器；2、
·2020-09-28 12:50

Openlayers实现地图全屏显示

本文实例为大家分享了Openlayers实现地图全屏显示的具体代码，供大家参考，具体内容如下1、新建一个html页面，引入ol.js和ol.css文件，然后在body中创建一个div标签，用来作为地图加载的容器
·2020-09-28 12:50
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他