OpenLayers入门练习

一、实验内容

  1. 练习OpenLayers的引用形式;
  2. 简单地图加载;
  3. 控件加载。

二、实验步骤

2.1 ol引用





    
    
    OpenLayers example

2.2 单个地图显示





    
    OpenLayers example

image-20210525005353876

2.3 两幅静态地图显示




  
  单个地图加载

image-20210526162312609

2.4 地图联动




  
  地图加载

image-20210526162524110

2.5 视图属性-旋转角度




  
  地图加载

image-20210526162830835

2.6 视图属性-限制地图缩放级别




  
  地图加载

image-20210526163034044

2.7 View-缩放到范围




  
  地图加载

image-20210526165056269

2.8 View-动画效果




  
  地图加载

image-20210526170000513

openlayers

相关

openlayers之加载谷歌地图

openlayers之加载谷歌地图

openlayers之加载谷歌地图

Vue+Openlayers实现加载天地图WMTS服务显示

openlayers6基础使用

Openlayers示例7 | Attributions

Openlayers示例13 | Custom Overview Map(鹰眼图)

Vue+Openlayers实现输入坐标在地图上打点定位显示并以该点为中心放大

openlayers-ol3在地图上添加highcharts图表

openlayers动态添加自定义div图层 具有筛选功能 和浮窗

标签