跟着实例学习OpenLayers（一）

最新推荐文章于 2024-07-20 16:35:33 发布

xu_chenyang

最新推荐文章于 2024-07-20 16:35:33 发布

阅读量3k

点赞数

分类专栏： ▶【GIS】文章标签： openlayers 实例 gis

本文链接：https://blog.csdn.net/u010924834/article/details/54799618

版权

本教程通过具体的例子介绍如何使用OpenLayers，包括设置动画效果、集成ArcGIS REST MapService以及应用必应地图，深入理解OpenLayers的实用技巧。

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

1.accessible.html

<div id="map" class="map" tabindex="0"></div>

<a class="skiplink" href="#map">Go to map</a>

tabindex表示map默认获得焦点，可通过tap键进行切换。当map失去焦点时，可以通过点击“Go to map”这个链接重新回到map，使map获得焦点

2.animation.html

利用view.animate设置动画效果，如从一个点移动到另一个点时

onClick('pan-to-london', function() {
        view.animate({
          center: london,
          duration: 2000
        });
      });

3.arcgis-tiled.html

展示如何使用ArcGIS REST MapService作为tiles。这种类型的source支持Map和Image服务，对于缓存的ArcGIS服务，使用ol.source.XYZ更好。

这里使用的是ol.layer.Tile

关注

专栏目录