OpenLayers之标注功能一：标注功能介绍与基本原理

openlayers之标注功能一：标注功能介绍与基本原理

一、标注功能介绍

二、标注的基本原理

一、标注功能介绍

地图标注是将空间位置信息点与地图相关联，通过图标、弹窗等形式把点相关的信息展现到地图上。

基于地图标注丰富gis应用，可以为用户提供更多个性化的地图服务，如标注兴趣点等。

地图标注功能实现形式比较灵活，包括：

预先加载标注 —— 地图一加载，程序就自动加载标注 用户交互式标注功能 —— 指在地图上知道大概位置，用户通过鼠标交互添加标注

地图标注的表现形式多样，包括简单的图片标注、弹窗标注、聚合标注等。

二、标注的基本原理

标注的实现方式有两种：

1. 通过矢量点要素方式实现标注功能：

openlayers使用独立的样式类设置矢量要素信息，提供的ol.style.icon类可以为矢量点要素设置图片标识，ol.style.text类则可以直接设置矢量点要素的文本信息。

2. 使用叠置层(ol.overlay)实现标注功能：

基于叠置层对象和html网页元素实现，其中展示标注信息的html元素可以使用第三方ui库实现相应的界面特效。

所以标注的基本原理就是：获取标注点的空间位置(x、y坐标)，在该位置通过以上两种方式实现标注功能。