openLayer3学习总结

最新推荐文章于 2024-02-04 17:31:53 发布

风里有诗句哈

最新推荐文章于 2024-02-04 17:31:53 发布

阅读量385

点赞数

分类专栏：快速掌握openLayers基础知识和实际案例

本文链接：https://blog.csdn.net/Vansal/article/details/101675572

版权

快速掌握openLayers基础知识和实际案例专栏收录该内容

7 篇文章 30 订阅 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

本文详细介绍了OpenLayers3的使用，包括地图的基本操作如获取和管理图层、视图操作、坐标转换，以及加载不同类型的图层如在线、离线瓦片和静态地图。此外，还讲解了如何添加图标、提示信息，动态改变样式以及各种地图事件监听，如点击、移动、拖拽等。最后，讨论了如何有效地管理和优化大量图标的加载以及自定义事件的实现。

摘要由CSDN通过智能技术生成

OpenLayers3默认使用的坐标系是EPSG:3857

应用overlay（覆盖），传统的html方式显示图片

使用Feature+style方式加载图标

监听地图点击事件，如果点击的是图标，改变被点击图标样式

一个简单的地图

layers为图层集，可以创建多个layer

view为地图显示窗口

target为绑定到需显示的dom容器上

<!Doctype html>
<html xmlns=http://www.w3.org/1999/xhtml>
<head>                  
    <meta http-equiv=Content-Type content="text/html;charset=utf-8">
    <meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1">
    <meta content=always name=referrer>
    <title>OpenLayers 3地图示例</title>
    <link href="../ol3.13.1/ol.css" rel="stylesheet" type=