热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

GIS-OpenLayer3探索:1.示例集合

1.Accessibilityexample(可访问的例子)放大,缩小,鼠标移动地图2.Animationexample(动画)左右旋转180度

1. Accessibility example(可访问的例子)

  • 放大,缩小,鼠标移动地图

2. Animation example(动画)

这里写图片描述

  • 左右旋转180度
  • 以罗马为中心每点击一次顺时针旋转90度
  • 平行匀速移动地图到伦敦
  • 弹到墨西哥
  • 移动到伊斯坦布尔并且做弹动
  • 旋转3圈后到罗马

3. Tiled ArcGIS MapServer example(ArcGis 瓦片地图服务器示例)


4. Attributions example


5. Bing Maps example(必应地图)


6. Blend modes example(画布混合模式)


7. Box selection example


8. Brightness/contrast example(亮度,对比度)


9. Custom tooltips example(用户工具贴士)

  • 按下这里写图片描述键,使得地图旋转回正常的角度。

10. Canvas tiles example(画布上的瓦片示例)

  • 网格标示了目前的瓦片序列
  • 这里写图片描述

11. Advanced View Positioning example


12. Clustering example(聚类点)


13. Custom control example(和Custom tooltips example类似)


14. d3 integration example(d3集成)

  • 使用TopoJSON和d3工具在画板上绘制几何图形。

15. Device orientation example


16. Drag-and-Drop image vector example(拖放矢量图形)


17. Drag-and-Drop example


18. Drag features example(拖拽图形)

  • 拖拽这些图形到不同的位置
  • 这里写图片描述

19. Drag rotate and zoom example(拖拽旋转和缩放)

  • 使用shift+鼠标左键 旋转和缩放图片

20. Draw and modify features example(绘制修改点、线、多边形)


21. Draw features example(绘制图形)

  • 这里写图片描述

22. Dynamic data example(动态数据)

  • 200个小球沿着某个轨迹运动
  • 这里写图片描述

23. Earthquake Clusters(地震丛集)

  • KML地图文件加载
  • 这里写图片描述

24. EPSG:4326 example

  • 以EPSG:4326坐标系显示地图

25. Export map example

  • 以PNG图片的方式导出地图

26. Feature animation example(动画)

  • 这里写图片描述

27. Fractal Example(分形)

  • 将一个多边形的细节分成很多细节
  • 这里写图片描述这里写图片描述这里写图片描述

28. Full screen drag rotate and zoom example

  • 使用按钮全屏显示地图、使用按钮重置地图角度、使用shift+鼠标左键旋转地图。
  • 这里写图片描述

29. GeoJSON example

  • 列表内容

30. Geolocation Tracking with Orientation(地理位置跟踪与定位)

这里写图片描述


31. Geolocation example(地理位置)

按键获得本机的物理地址,并且显示在地图上
这里写图片描述


32. GetFeatureInfo example(image layer)

点击地图某点,获得地图层的信息
这里写图片描述


33. WMS GetFeatureInfo example (tile layer)


34. Graticule example(格)

这里写图片描述


35. Earthquakes heatmap(地震热力图)

这里写图片描述


36. Hue/saturation example(灰度饱和度)


37. Icon sprites with WebGL example(图标精灵)

这里写图片描述


38. Vector Icon Example(矢量图标)

这里写图片描述


39. IGC example


40. Image Filter Example


41. Image load events example(图片加载事件)

这里写图片描述


Image vector layer example(矢量图层)

这里写图片描述


Earthquakes in KML

这里写图片描述

Timezones in KML

KML example

Layer WebGL clipping example

Layer clipping example(图层裁剪)

这里写图片描述

Limited Layer Extent(图层限制)

这里写图片描述

Layer group example(图层组)

  • 通过调节滑动条改变图层参数
  • 这里写图片描述

Layer Spy Example


推荐阅读
  • Nginx使用AWStats日志分析的步骤及注意事项
    本文介绍了在Centos7操作系统上使用Nginx和AWStats进行日志分析的步骤和注意事项。通过AWStats可以统计网站的访问量、IP地址、操作系统、浏览器等信息,并提供精确到每月、每日、每小时的数据。在部署AWStats之前需要确认服务器上已经安装了Perl环境,并进行DNS解析。 ... [详细]
  • 搭建Windows Server 2012 R2 IIS8.5+PHP(FastCGI)+MySQL环境的详细步骤
    本文详细介绍了搭建Windows Server 2012 R2 IIS8.5+PHP(FastCGI)+MySQL环境的步骤,包括环境说明、相关软件下载的地址以及所需的插件下载地址。 ... [详细]
  • CSS3选择器的使用方法详解,提高Web开发效率和精准度
    本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ... [详细]
  • 本文介绍了如何使用php限制数据库插入的条数并显示每次插入数据库之间的数据数目,以及避免重复提交的方法。同时还介绍了如何限制某一个数据库用户的并发连接数,以及设置数据库的连接数和连接超时时间的方法。最后提供了一些关于浏览器在线用户数和数据库连接数量比例的参考值。 ... [详细]
  • 如何使用Java获取服务器硬件信息和磁盘负载率
    本文介绍了使用Java编程语言获取服务器硬件信息和磁盘负载率的方法。首先在远程服务器上搭建一个支持服务端语言的HTTP服务,并获取服务器的磁盘信息,并将结果输出。然后在本地使用JS编写一个AJAX脚本,远程请求服务端的程序,得到结果并展示给用户。其中还介绍了如何提取硬盘序列号的方法。 ... [详细]
  • 计算机存储系统的层次结构及其优势
    本文介绍了计算机存储系统的层次结构,包括高速缓存、主存储器和辅助存储器三个层次。通过分层存储数据可以提高程序的执行效率。计算机存储系统的层次结构将各种不同存储容量、存取速度和价格的存储器有机组合成整体,形成可寻址存储空间比主存储器空间大得多的存储整体。由于辅助存储器容量大、价格低,使得整体存储系统的平均价格降低。同时,高速缓存的存取速度可以和CPU的工作速度相匹配,进一步提高程序执行效率。 ... [详细]
  • 本文介绍了Web学习历程记录中关于Tomcat的基本概念和配置。首先解释了Web静态Web资源和动态Web资源的概念,以及C/S架构和B/S架构的区别。然后介绍了常见的Web服务器,包括Weblogic、WebSphere和Tomcat。接着详细讲解了Tomcat的虚拟主机、web应用和虚拟路径映射的概念和配置过程。最后简要介绍了http协议的作用。本文内容详实,适合初学者了解Tomcat的基础知识。 ... [详细]
  • 如何在服务器主机上实现文件共享的方法和工具
    本文介绍了在服务器主机上实现文件共享的方法和工具,包括Linux主机和Windows主机的文件传输方式,Web运维和FTP/SFTP客户端运维两种方式,以及使用WinSCP工具将文件上传至Linux云服务器的操作方法。此外,还介绍了在迁移过程中需要安装迁移Agent并输入目的端服务器所在华为云的AK/SK,以及主机迁移服务会收集的源端服务器信息。 ... [详细]
  • 本文详细介绍了如何使用MySQL来显示SQL语句的执行时间,并通过MySQL Query Profiler获取CPU和内存使用量以及系统锁和表锁的时间。同时介绍了效能分析的三种方法:瓶颈分析、工作负载分析和基于比率的分析。 ... [详细]
  • 本文介绍了前端人员必须知道的三个问题,即前端都做哪些事、前端都需要哪些技术,以及前端的发展阶段。初级阶段包括HTML、CSS、JavaScript和jQuery的基础知识。进阶阶段涵盖了面向对象编程、响应式设计、Ajax、HTML5等新兴技术。高级阶段包括架构基础、模块化开发、预编译和前沿规范等内容。此外,还介绍了一些后端服务,如Node.js。 ... [详细]
  • uniapp开发H5解决跨域问题的两种代理方法
    本文介绍了uniapp开发H5解决跨域问题的两种代理方法,分别是在manifest.json文件和vue.config.js文件中设置代理。通过设置代理根域名和配置路径别名,可以实现H5页面的跨域访问。同时还介绍了如何开启内网穿透,让外网的人可以访问到本地调试的H5页面。 ... [详细]
  • 在Android开发中,使用Picasso库可以实现对网络图片的等比例缩放。本文介绍了使用Picasso库进行图片缩放的方法,并提供了具体的代码实现。通过获取图片的宽高,计算目标宽度和高度,并创建新图实现等比例缩放。 ... [详细]
  • 开发笔记:加密&json&StringIO模块&BytesIO模块
    篇首语:本文由编程笔记#小编为大家整理,主要介绍了加密&json&StringIO模块&BytesIO模块相关的知识,希望对你有一定的参考价值。一、加密加密 ... [详细]
  • 目录实现效果:实现环境实现方法一:基本思路主要代码JavaScript代码总结方法二主要代码总结方法三基本思路主要代码JavaScriptHTML总结实 ... [详细]
  • MyBatis多表查询与动态SQL使用
    本文介绍了MyBatis多表查询与动态SQL的使用方法,包括一对一查询和一对多查询。同时还介绍了动态SQL的使用,包括if标签、trim标签、where标签、set标签和foreach标签的用法。文章还提供了相关的配置信息和示例代码。 ... [详细]
author-avatar
卝軎亟_621
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有