文章目录
上一章节中我们通过修改OlMap.vue
组件已经将地图加载出来了,当然这只是迈向构建地图应用的第一步而已,还没到后面复杂的应用场景呢。本文将结合官方文档与开发实践,详细解析Map
核心参数与常用方法,并附代码示例。由于Map
整合了图层、视图、交互控件等元素对象,所以会对Map
对象的参数与方法进行详细的介绍。对图层、视图、交互控件等元素对象如何创建会在后续文章中逐步体现。
一、Map 对象核心参数
1. target
- 作用:指定地图渲染的 HTML 容器元素。
- 类型:
string
(元素 ID)或HTMLElement
。 - 注意:必须确保 DOM 元素存在,因此在 Vue 的
onMounted
生命周期中初始化。
2. view
- 作用:定义地图的显示范围、投影方式和缩放级别。
- 类型:
ol/View
实例(下文详细说明)。