欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-03-24 22:14:11
openlayers之标注功能一:标注功能介绍与基本原理 一、标注功能介绍 二、标注的基本原理 一、标注功能介绍 地图标注是将空间位置信息点与地图相关联,通过图标、弹窗等形式把点相关的信息展现到地图...

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

一、标注功能介绍

二、标注的基本原理

一、标注功能介绍

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

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

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

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

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

二、标注的基本原理

标注的实现方式有两种:

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

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

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

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

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