当前位置: 移动技术网 > IT编程>网页制作>CSS > OpenLayers之标注功能一:标注功能介绍与基本原理

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

2018年12月09日  | 移动技术网IT编程  | 我要评论

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

一、标注功能介绍

二、标注的基本原理

一、标注功能介绍

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

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

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

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

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

二、标注的基本原理

标注的实现方式有两种:

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

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

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

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

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

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网