首先来分享一个我无意中找到的教程，http://linwei.xyz/ol3-primer/index.html。虽然是基于v3版本介绍的，很多api可能变了，但还是值得一看，除了OpenLayers本身的介绍，还会有一些地理基础知识的分享，这种相对全面的中文教程真的很稀有，且…
原创
2021-08-31 09:42:07
821阅读
OpenLayers是一个用于开发WebGIS客户端的JavaScript包。
原创
2022-10-13 22:09:32
527阅读
OpenLayers（https://openlayers.org/）是一个用来帮助开发Web地图应用的高性能的、功能丰富的JavaScript类库，可以满足几乎所有的地图开发需求。 和另一个流行的地图库leaflet不同，openLayers完全是用面向对象的方式开发的，且几…
原创
2021-08-31 09:46:57
444阅读
一、创建地图1、地图Map
创建地图底图：需要用new ol.Map({})地图map是由图层layers、一个可视化视图view、用于修改地图内容的交互interaction以及使用UI组件的控件control组成的。（1）、创建基本地图let map = new ol.Map({
target: 'map',//对象指向
layers: [//图层
new ol.l
转载
2024-03-07 11:18:13
161阅读
openlayers快速入门 加载图层的方法有多种方法 第一种：基础的map对象中对属性进行赋值 实例map对象的方法写在body标签中 //实例化map对象加载地图 var map = new ol.Map({ target: 'mapCon', //地图容器div的id loadTilesWhi ...
转载
2021-07-11 22:59:00
156阅读
2评论
Openlayers 6 零基础教程掌握 OpenLayers（JavaScript Web 制图库）并构建 Web 制图应用程序课程英文名：Openlayers 6 From Scratch With A Projec此视频教程共4.0小时，中英双语字幕，画质清晰无水印，源码附件全下载地址百度网盘地址：https://pan.baidu.com/s/1wJ_zQikK1_aDGQFLMZ0goQ
转载
2024-05-13 22:47:34
110阅读
最近用openlayers地图写了点东西，把代码拿出来备份一份，里面方法还没有整合封装，都有注释，可以稍作参考，有一部分代码是同事写的，我也没做处理，暂时先这样了（可能不理想，我只是简单记录一下，仅供参考）。效果图如下： （1）红色图标当前设备显示（图标显示功能）（2）蓝色图标其它设备显示（图标显示功能）（3）红色图标的透明圆圈，为当前设备侦测范围（画院功能）（4）地图旋转功
转载
2024-02-11 14:45:13
460阅读
OpenLayers是一个功能强大的开源JavaScript库，用于在Web页面展示交互式地图。本文介绍了OpenLayers的核心概念和
openlayers官网:OpenLayers - Welcome 中文参考文档：WebGIS教程 OpenLayers 找到一些相关博客： OpenLayers 官网例子的中文详解_weixin_34258078的博客-CSDN博客 OpenLayers入门（二） (juejin.cn) Open ...
转载
2021-08-24 14:59:00
236阅读
2评论
（一）安装 1. cnpm i -s ol （二）地图组件 1 <template> 2 <div id="map" ref="map"></div> 3 </template> 4 5 <script> 6 import "ol/ol.css"; 7 import TileLayer from " ...
转载
2021-07-27 21:56:00
536阅读
2评论
文章目录1、简介2、快速入门2.1 在线库快速入门2.2 本地库快速入门2.3 nodejs快速入门3、控件后记1、简
原创
精选
2022-11-28 23:15:13
887阅读
OpenLayers是一个高性能、功能丰富的库，用于在 Web 上创建交互式地图。它可以在任何网页上显示从任何来源加载的地图瓦片、矢量数据和标记。OpenLayers 的开发旨在进一步使用各种地理信息。它是完全免费的开源 JavaScript，在BSD 2-Clause License下发布。
推荐
原创
2022-10-11 06:49:18
1263阅读
学习一下openlayers里面的一些基本概念，npm地址。 我在忙碌的技术生涯之余偶然踏入了命理的奇妙领域。原本只是好奇，没想到深入研究后，发现八字命理推算蕴含着巨大的智慧与实用价值。通过八字分析，能从一个独特的角度洞察自身性格、事业发展趋势、感情走向等诸多方面，为生活提供不少有价值的指引。如今，我也在生活中给人批八字，想了解自己的运势走向，或者在生活中遇到了困惑，无论是事业抉择、感情难题，都欢
天地图使用示例// 天地图是将路网图层和注记图层分开发布的，我们还要单独请求注记图层，然后叠加在路网上面
// 使用 ol.source.XYZ 加载切片，并将获取的数据初始化一个切片图层 ol.layer.Tile
var TiandiMap_vec = new ol.layer.Tile({
title: "天地图矢量图层",
原创
2024-08-26 15:13:36
170阅读
1. 写在前面的话由于本人还处于学习阶段，因此肯定有许多地方存在理解不足的地方，如果大家发现有错误或者有什么建议，请不吝赐教！！谢谢。 2. 什么是OpenLayers?OpenLayers是一个开源的，用来制作客户端交互式（interactive）地图的JavaScript类库，并且可以在绝大多数的浏览器中显示。由于OpenLayers是客户端的类库，所以不需要特殊的服务器端软件或设置。 3.
转载
2024-03-29 11:59:06
255阅读
文章目录1.简介2.属性（1）filter 可实现过滤（2）layers 也可实现过滤（3）features 存放被选择的图层的集合（4）condition 设置选择方式，默认sigleClick（5）addCondition 配合removeCondition可实现使用不同的方法进行添加删除（6）removeCondition 配合addCondition可实现使用不同的方法进行添加删除（7）
转载
2024-08-19 19:41:36
377阅读
Gis是地理信息系统(Geographic Information System),它是在计算机软/硬件的支持下,以采集\存储\管理\检索\分析和描述空间物体的定位分布及与之相关的属性数据.而web gis又是如何?web gis是指网络地理信息系统.它是基本网络平台,客户端应用软件采用网络协议运行在网络上的地理信息系统.Web gis市场需求旺盛,更多的人开始关注web gis应用.
原创
2022-02-23 12:26:37
461阅读
卫星影像 <template> <div class="app"> <div class="map-container" ref="map_ref"></div> </div> </template> <script> import Map from "ol/Map.js"; import Tile ...
```
import { FullScreen } from 'ol/control'
map.addControl(new FullScreen())
```
原创
2021-07-07 16:44:18
628阅读
view与layer都可以进行显示内容的控制。这两者负责的功能是由区别的。view即显示的地图容器，有以下几个属性：center：[经度，纬度] ，对应的设置函数为view.setCenter()。。用于设置一个地图上的点，该点将显示在view中央。zoom：放缩等级，对应的设置函数为view.setZoom()。一个地图可以有多个放缩等级，为view设置zoom，则会将地图放缩到对应的等级。通常
