本系列教程是Openlayers的实战教程,介绍Openlayes的一些基础知识,并重点讲述哪些地方是openlayers项目中常用的,给出具体示例,起到一个很好的引导学习作用。

版本说明

Openlayers的实战教程 分为**图文版** 和 **视频版**, 这里的是图文版,包含基础知识介绍和*实战的源代码*,示例效果以gif动图的形式展现出来。   **视频版** 正在录制中,很快会上线,敬请期待~, 如有问题,可以加vx咨询 gis-dajianshi

学习大纲

map,view基础及常用实战

  1. Openlayer介绍及和leaflet如何选用?
  2. vue中安装加载Openlayers,从0到1做基础项目配置
  3. map三要素(view,target,layers),及其他参数属性方法介绍
  4. view三要素(zoom,center,projection),及其他参数属性方法介绍
  5. projection介绍及EPSG:4326和EPSG:3857的投射转换
  6. 引用proj4, 非EPSG:4326,EPSG:3857的投影示例
  7. extent介绍,set extent 和 fit extent示例
  8. setCenter和setZoom实战示例

layer基础及常用实战

  1. layer基础介绍,添加、删除layer核心代码
  2. layerGroup介绍,添加,删除示例演示
  3. 加载OpenStreetMap地图
  4. 加载天地图(多种形式)
  5. 加载静态图片作为底图
  6. 加载高德地图(多种形式)
  7. 加载google地图(多种形式)
  8. 加载bing地图(多种形式)
  9. 加载geoserver发布的地图
  10. 综合实战:地图底图切换

source基础及常用实战,features,style应用

  1. source基础及重点内容讲解
  2. geojson格式数据介绍及加载
  3. KML 格式数据介绍及加载
  4. SHP格式数据介绍及加载
  5. GPX格式数据介绍及加载
  6. CSV格式数据介绍及加载
  7. WKT 格式数据介绍及加载
  8. WMS格式数据介绍及加载
  9. WMTS格式数据介绍及加载
  10. 导出KML文件
  11. 导出geojson文件
  12. 导出CSV文件;
  13. 上传解析文件显示图形,支持.geojson .kml .shp格式
  14. 多数据聚合显示
  1. fill,stroke,icon及text 设置与示例
  2. 使geometry适配窗口

control基础及常用实战

  1. control基础及重点内容讲解,禁用默认控件,清除所有controls示例
  2. 示例:比例尺scale
  3. 示例:光标经纬度位置
  4. 示例:全屏fullscreen
  5. 示例:自定义版权信息
  6. 示例:自定义zoom放大缩小,显示zoom等级
  7. 综合扩展: 测量长度,测量面积
  8. 综合扩展:地图地点搜索定位

overlay基础及常用实战

  1. overlay基础及重点内容讲解
  2. 示例:  单击某位置,弹出经纬度坐标
  3. 示例:双击名片坐标,显示名片信息
  4. 示例:点击位置点,弹出播放MP4视频

Interaction基础及常用实战

  1. Interaction基础及重点内容讲解
  2. draw画点、线、圆、多边形
  3. 绘制正多边形、矩形,正六边形
  4. drawstart,drawend的使用
  5. 绘制带有箭头的线
  6. modify介绍及 modifystart和modifyend的使用
  7. select知识介绍及示例演示
  8. 根据坐标信息来显示点、线段、圆形及多边形
  9. 回显多点、多线段、多多边形
  10. 使用WebGLPoints显示海量数据

map events常用实战

  1. 常用地图事件介绍
  2. moveend事件获取地图左上和右下的坐标信息
  3. singleclick事件示例-显示经纬度坐标
  4. click单击事件示例-点击后显示视频
  5. dblclick 双击事件示例-显示信息名片
  6. pointermove 移动事件示例-获取多层的多个features信息
  7. loadstart和loadend示例
  8. 右键点击获取feature信息
    9.Openlayers实战:启动、取消事件的监测

多数据交互综合实战

  1. 选择某feature,列表滑动,定位到相应的点的列表位置
  2. 鼠标pointermove某点,获取多层重叠下的所有features信息
  3. 列表与图层双向信息提示
  4. 利用turf获取两个多边形的交集、差集、并集
  5. 模仿共享单车,判断点是否放在规划的电子围栏内

综合项目示例

  1. 界面控制综合演示
  2. 水电站管道站点信息管理

教程指引

根据课程大纲,提炼核心要点,重点讲解,视频版中会反复强调哪些是重点。

Openlayers实战教程学习大纲及引导相关推荐

  1. 学习嵌入式的书籍推荐,嵌入式编程入门教程学习大纲

    嵌入式系统是当前热门.具发展前景的IT应用领域之一,很多数字包括手机.电子字典.可视电话.数字相机.数字摄像机.机顶盒.智能玩具医疗仪器和航空航天设备等都是典型的嵌入式系统.越来越多的人想要了解学习嵌 ...

  2. 《机器学习实战》学习大纲

    学习大纲 整个机器学习内容包括:基础.分类.预测.无监督式学习.降维与分布式几大块进行.总共计划 12 周时间. 基础:第 1 章 分类: 第 1-7 章 预测:第 8-9 章 无监督式学习:第 10 ...

  3. 尚硅谷Docker实战教程学习总结文档

    目录 Docker与微服务实战(2022版) 1.基础篇(零基础小白) 1.1.Docker简介 1.1.1.怎么去学习Docker 1.1.2.是什么 1.1.2.1.为什么会有docker的出现? ...

  4. 【编程不良人】MongoDB最新实战教程学习笔记

    简介 视频链接:01.简介和历史_哔哩哔哩_bilibili 文档地址: https://docs.mongodb.com/manual/ MongoDB教程:MongoDB 教程 | 菜鸟教程 注意 ...

  5. 【软件开发底层知识修炼】十九 GDB调试从入门到熟练掌握超级详细实战教程学习目录

    本文记录之前写过的5篇关于GDB快速学习的文章,从第一篇开始学习到最后一篇,保证可以从入门GDB调试到熟练掌握GDB调试的技巧. 学习交流加 个人qq: 1126137994 个人微信: liu112 ...

  6. OceanBase 从0到1数据库内核实战教程学习笔记 - 3.OceanBase基础架构和开发技巧

    这篇文章主要介绍王泽林老师分享的 <OceanBase 的基础架构和开发技巧>.如果您看过第一篇文章的对应视频,会发现整个系列主要分为 MiniOB 和 OceanBase 两个系列,本篇 ...

  7. Kubernetes集群方方面面实战教程学习线路指南

    写在前面的话

  8. OceanBase 从0到1数据库内核实战教程学习笔记 - 8.MiniOB Drop Table 解析

    本文将带领大家从源码层面过一下 Drop Table 的实现,下面我们先回顾一下之前介绍过的 MiniOB 框架,SQL 语句的解析过程中,当前已经实现的只有 Parser.Resolver 和 Ex ...

  9. iOS学习笔记75-NSURLSession使用实战教程

    我的前面两篇文章介绍了NSURLSession套件的使用和NSURLSession套件的主要类.今天我们使用NSURLSession来完成一个小的应用程序.在实战之前,我先补充一点,为什么苹果会主推N ...

  10. 视频教程-深度学习与PyTorch入门实战教程-深度学习

    深度学习与PyTorch入门实战教程 新加坡国立大学研究员 龙良曲 ¥399.00 立即订阅 扫码下载「CSDN程序员学院APP」,1000+技术好课免费看 APP订阅课程,领取优惠,最少立减5元 ↓ ...

最新文章

  1. c++把数组所有元素剔除_C语言基础之数组,第一节,C语言必学知识点剖析
  2. /scripts/checkkconfigsymbols.sh
  3. Mac OS X下查看CPU信息
  4. iOS 项目开发工具JIRA
  5. 安装memcached:error while loading shared libraries: libevent-1.4.so.2
  6. 【论文笔记】node2vec:可扩展的网络特征学习
  7. linux内核被加载的过程
  8. 青岛大学计算机科学技术学院图灵班,北京大学第三届图灵班(2018级)开班仪式举行...
  9. linux环境刷amd显卡bios,amd显卡刷bios方法
  10. python转换exe详细教程-手把手教你把Python代码转成exe
  11. ppt太大怎么压缩整个文件
  12. CSGO服务器搭建教程
  13. 春晚红包花落拼多多 巨头们为何前赴后继抢春晚?
  14. matplotlib报错:Glyph 25151 (\N{CJK UNIFIED IDEOGRAPH-623F}) missing from current font. func(*args)
  15. Unity mp3转wav
  16. Burpsuite简单代理配置
  17. zip压缩包解压中文乱码问题
  18. 思科确认 Yanluowang 勒索软件泄露被盗公司数据
  19. 利用LabVIEW开发应变量测试
  20. 【PC】如何导出windows锁屏壁纸

热门文章

  1. 十六、版图设计中的欧拉路径
  2. 半入耳骨传导耳机,双重创新技术加持,音质的升华尤为明显
  3. 支付宝蜻蜓设备abs调试
  4. eclipse中@author怎么改,去除反编译后的星花
  5. 计算机网络:概述,网络核心
  6. Linux文本使用uniq去重
  7. 【C语言】位运算(按位与、按位或、按位异或)
  8. 一个人机环境系统交互研究
  9. python读取大型txt文件_【师兄带你学Python-6】一个大容量菜品架(txt文件读写)...
  10. Python常见报错及解决方案,BUG拯救指南