OpenLayers如何使用官网实例

最近一直在寻找如何运行成功官网的例子,花费几天时间终于解决了。

官网的代码是ECMAScript的写法需要用到import,需要依赖node.js,对于新手来说这个有点难以理解

所以我们还是按照熟悉的方式,将js包下载到本地引用,并且需要修改import的内容

现在以openlayers官网Examples 第一个实例(View Animation)为例,说一下我修改的过程

首先,要把所有import的项注释,然后根据注释的每一项修改对应的内容

这里总共有6个地方去修改

第一个(View)

修改为

第二、三、四个(Map、TileLayer、OSM)

修改为

第五个(FromLanLat)

修改为

第六个({easeIn,easeOut})

修改为

最后,如果不知道用ol.去官网的API搜索。如下:

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值