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

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

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

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

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

OpenLayers如何使用官网实例

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

第一个(View)

OpenLayers如何使用官网实例

修改为

OpenLayers如何使用官网实例

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

OpenLayers如何使用官网实例

修改为

OpenLayers如何使用官网实例

第五个(FromLanLat)

OpenLayers如何使用官网实例

修改为

OpenLayers如何使用官网实例

第六个({easeIn,easeOut})

OpenLayers如何使用官网实例

修改为

OpenLayers如何使用官网实例

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

OpenLayers如何使用官网实例

相关文章:

  • 2022-01-01
  • 2021-09-19
  • 2021-12-21
  • 2021-10-01
  • 2021-12-09
  • 2021-06-17
  • 2022-12-23
猜你喜欢
  • 2022-03-07
  • 2021-11-15
  • 2022-12-23
  • 2022-12-23
  • 2021-12-06
  • 2021-06-24
  • 2021-12-12
相关资源
相似解决方案