OpenLayers API 整理及代码架构解析(字典级解释)

本文详细整理了OpenLayers API中的关键部分,包括Map、View、Layer、Overlay和Interaction,涵盖重要属性、方法及使用示例。Map部分讲解了layers、controls、overlays和view等属性,以及addLayer、addOverlay等方法。View部分介绍了zoom、projection、center等属性,并解析了fit和animate方法。Layer部分涉及opacity、visible和source等属性,强调了不同类型的Layer和Source的使用。Overlay部分说明了element、position等属性。最后,探讨了交互部分的Interaction和地图控制组件Controls的使用。
摘要由CSDN通过智能技术生成

有很多粉丝私信问我一些关于OpenLayers里面的一些接口的问题,为了避免重复的回答,我在这里整理一下常用的 api 以及需要注意的地方。

api参照官网地址:OpenLayers v6.15.1 API - Index

一.地图部分(Map)

map对象比较重要的属性有:

1.layers [Array](图层),一个地图最重要的部分就是图层,你必须展示一些什么,影像图也好矢量图也好,总得展示些什么,layer对象的参数是一个数组,你可以写把需要加载的图层作为数组的元素传入,但是这个元素的类型必须是一个图层layer对象(下文会讲到),也就意味着你必须这样写,

let layer=new VectorLayer({
    
     options...
})
let map=new Map({

    layers:[layer]
})

2.controls [Array],控制组件,用于控制地图的一些组件,比如控制放大缩小的zoom,控制地图拖拽的drag,显示鼠标位置的mouseposi

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

WebGIS小智

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值