2、openLayers 核心组件

最新推荐文章于 2024-07-10 14:03:37 发布

3积

最新推荐文章于 2024-07-10 14:03:37 发布

阅读量136

点赞数 3

分类专栏： openLayers 文章标签：前端

本文链接：https://blog.csdn.net/changan1999/article/details/140204772

版权

openLayers 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

地图是OpenLayers的核心组件。对于要渲染的贴图，需要一个视图、一个或多个层和一个目标容器：

import Map from 'ol/Map.js';
import View from 'ol/View.js';
import TileLayer from 'ol/layer/Tile.js';
import OSM from 'ol/source/OSM.js';

const map = new Map({  //创建一个地图示例
  view: new View({
    center: [0, 0],
    zoom: 1,
  }),
  layers: [
    new TileLayer({
      source: new OSM(),
    }),
  ],
  target: 'map',
});

map的配置项包含一下几个：

1、controls 地图的控件
2、pixelRatio 设备上物理像素与设备无关像素（dip）之间的比率。
3、interactions 地图的互动
4、keyboardEventTarget 监听键盘事件的元素。这决定了KeyboardPan和 KeyboardZoom互动的触发时间。例如，如果将此选项设置为 document键盘，则交互将始终触发。如果未指定此选项，则库在其上侦听键盘事件的元素是地图目标（即用户为地图提供的div）。如果不是 document，则需要集中目标元素以发射关键事件，这要求目标元素具有tabindex属性。
5、layers 图层
6、maxTilesLoading 同时加载的最大瓦片数。
7、overlays 叠加层最初添加到地图中。默认情况下，不添加任何覆盖。
8、target 地图的容器
9、view  地图的视图