自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 OpenLayers加载空间数据

往期已经对OpenLayers框架进行了介绍,本期不在进行赘述,如果有想了解OpenLayers框架的GISer,可以看我的往期文章——Openlayers的交互功能(一)——新手教程,里面详细介绍了OpenLayers框架的基本情况、地图初始化、控件加载等。【注】:本文所有代码都是基于Vue3+OpenLayers7.4.0实现。吉林一号首推影像服务套件,为开发者提供最新的高质量影像切片服务,也是日常工作中用的最多的底图服务。

2024-01-08 15:43:09 1079

原创 Openlayers的常用控件(二)——比例尺

【代码】Openlayers的常用控件(二)——比例尺。

2023-12-25 17:53:55 991

原创 Openlayers的常用控件(一)——Select和FullScreen

【代码】Openlayers的常用控件(一)——Select和FullScreen。

2023-12-21 14:33:40 730

原创 Openlayers的交互功能(九)——鼠标吸附

【代码】Openlayers的交互功能(九)——鼠标吸附。

2023-12-21 10:39:10 1209 1

原创 Openlayers的交互功能(八)——框选平移

【代码】Openlayers的交互功能(八)——框选平移。

2023-11-30 09:51:26 720

原创 Openlayers的交互功能(七)——平移图斑

ol-ext是OpenLayers的扩展。主要包含控件,交互,弹出窗口等功能。类似于WEB前端的UI框架,是一个成熟的扩展,可以节省时间、避免问题。本文对图斑的平移进行了简单的介绍,后续将继续更新Feature的框选平移操作。如有错误,请批评指正!欢迎关注星林社区文章将同步更新在星林社区中!

2023-10-08 10:50:34 537

原创 Openlayers的交互功能(六)——编辑图斑

本文对图斑的编辑进行了简单的介绍,后续将继续更新Feature的平移、框选平移等操作。如有错误,请批评指正!欢迎关注星林社区文章将同步更新在星林社区中!

2023-09-28 14:12:38 728

原创 Openlayers的交互功能(五)——删除图斑

本文对图斑的删除进行了简单的介绍,后续将继续更新Feature的平移、框选平移等操作。如有错误,请批评指正!欢迎关注星林社区文章将同步更新在星林社区中!

2023-09-19 15:45:38 505

原创 Openlayers的交互功能(四)——利用Draw控件绘制图斑

Draw控件是OpenLayers的Interaction中的类,负责勾绘交互,支持的绘制图斑类型包括Point(点)、LineString(线)、Polygon(面)和Circle(圆)。常用触发的事件包括drawstart和drawend,分别在绘制开始时(单击鼠标)和绘制结束时(双击鼠标)触发。

2023-09-04 16:52:14 1781

原创 Openlayers的交互功能(三)——Feature的选中Select控件

本文对Feature的选中功能进行了介绍,后续将继续更新Feature的添加、删除、平移、框选平移等操作。如有错误,请批评指正!欢迎关注星林社区文章将同步更新在星林社区中!

2023-08-30 16:05:39 2603 1

原创 Openlayers的交互功能(二)——Feature

本文对Feature进行了简单的介绍,以及一些常用的对Feature的操作,后续将继续更新Feature的添加、选中、删除、平移、框选平移等操作。如有错误,请批评指正!欢迎关注星林社区文章将同步更新在星林社区中!

2023-08-14 11:21:57 2063

原创 Openlayers的交互功能(一)——新手教程

OpenLayers是一个开源的,用来制作客户端交互式(interactive)地图的JavaScript类库,并且可以在绝大多数的浏览器中显示。由于OpenLayers是客户端的类库,所以不需要特殊的服务器端软件或设置。它的作用主要是用于展现数据并且提供相应的地图操作工具。官方API文档地址本文对OpenLayers进行了简单的介绍,同时说明了创建地图、加载控件、监听地图事件的操作方法。下一篇文章将继续对如何使用OpenLayers的交互功能进行说明,如对图斑的选中、添加、删除、编辑、平移等操作。

2023-07-19 13:44:10 703 2

原创 Vue2 + Openlayers 实现绘制、平移和框选平移功能

Vue2+Openlayers 实现绘制、平移和框选平移功能

2022-08-02 09:59:30 3304 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除