openlayers [一] openlayers简介


ol 官网 https://openlayers.org/

1 学习背景

最近无聊就是想学学关于地图的东西

2 ol可以做什么

2.1 ol干什么的

要想在浏览器中显示交互式的地图很难,因为浏览器默认的只是显示静态的图片,如PNG、JPEG等格式,要交互式很难,因为每一个点击和缩放,地图都要做出正确的反应。

OpenLayers是一个JavaScript 类库包,主要是用于开发Web GIS客户端。这就是说,要先在网页中引用OpenLayers的JavaScript文件以及相应的css样式表和资源,根据其提供的功能接口,直接调用。所以关键是了解其提供的接口,这是使用一个类库的关键!如果想要优化相应的功能或者定制化,就要深入地了解其实现细节了,这需要有熟练的JavaScript功底。

OpenLayers支持Google Maps、Yahoo Map、微软Virtual Earth等资源,可以通过WMS服务调用其它服务器上的空间数据,通过WFS服务调用空间服务。在操作方面,OpenLayers 除了可以在浏览器中实现地图浏览的基本效果,如放大、缩小、平移等操作,进行选取面、选取线、要素选择、图层叠加等操作。

2.2 ol比其他框架的优势

相对于另一个框架 OpenScales,OpenScales 是 OpenLayers 的 ActionScript 翻译,需要 FlashPlayer 支持才行,虽然基本现在浏览器都有这个插件,就好象他已经不是插件了,但是我比较反对插件,要使用一个功能,还要装插件,不如原生的好。总之我觉得 OpenLayers 比较好用!

2.3 ol 使用

npm install ol

3 总结

基于现在前端流行的框架vue,后面的基础介绍会以文档说明穿插着vue去写,尽量避免使用原生前端三件套去写。常见的功能点会直接使用vue去写。所有对vue有了解的会更加上手。

原文链接:https://blog.csdn.net/qq_36410795/article/details/105267039

相关推荐

  1. openlayers [] openlayers简介

    2024-01-18 16:46:02       48 阅读
  2. Openlayers特殊效果

    2024-01-18 16:46:02       19 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-18 16:46:02       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-18 16:46:02       100 阅读
  3. 在Django里面运行非项目文件

    2024-01-18 16:46:02       82 阅读
  4. Python语言-面向对象

    2024-01-18 16:46:02       91 阅读

热门阅读

  1. udf提权

    udf提权

    2024-01-18 16:46:02      53 阅读
  2. css实现二级导航下拉菜单

    2024-01-18 16:46:02       52 阅读
  3. slint 1.3.2 官方文档翻译06

    2024-01-18 16:46:02       45 阅读
  4. .Net6 记一次RabbitMq消息订阅/发布优化

    2024-01-18 16:46:02       60 阅读
  5. Elasticsearch 多索引条件过滤:字段匹配

    2024-01-18 16:46:02       54 阅读
  6. 算法--插值法

    2024-01-18 16:46:02       56 阅读
  7. UnityShader UsePass介绍

    2024-01-18 16:46:02       55 阅读