今天就跟大家聊聊有关使用OpenLayers3如何实现测量功能,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
1. 前言
测量功能实现面积的测量以及长度的测量。通过鼠标绘制区域以及长度来进行测量。OpenLayers 3 框架没有提供测量控件,但提供了相应的接口,需要需要基于几何对象的相应接口,结合图形绘制功能实现。
2. 实现思路
(1)新建一个网页,引用 openlayers 3 开发库、jQuery 库与 bootstrap 库,并参照前面显示地图的文章,加载 OSM 瓦片图层。
(2)在地图容器中,创建一个测量类型选择控件,进行选择距离测量与面积测量。
(3)编写代码实现测量功能。
3. 实现代码
html主要代码
<div id="map"> <div id="menu"> <label>测量类型:</label> <select id="type"> <option value="length">长度</option> <option value="area">面积</option> </select> <label class="checkbox"><input type="checkbox" id="geodesic">使用大地测量</label> </div> </div>
本文名称:使用OpenLayers3如何实现测量功能-创新互联
链接URL:https://www.cdcxhl.com/article46/dopohg.html
成都网站建设公司_创新互联,为您提供品牌网站建设、定制开发、网站制作、用户体验、外贸网站建设、网页设计公司
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联