开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在openLayers中绘制水平线？

问如何在openLayers中绘制水平线？
EN

Stack Overflow用户

提问于 2011-11-21 20:13:18

回答 1查看 1.1K关注 0票数 6

我正在使用openlayers，并且能够使用DrawFeature和OpenLayers.Handler.Path绘制线条。现在我需要提供一个能够绘制水平/垂直线的选项。这意味着当用户开始绘制直线并将鼠标移动到一个角度时，如果角度小于x轴的45度，它将只绘制水平，如果角度大于45度，它将开始绘制垂直线。

你有什么建议吗？

EN

回答 1

Stack Overflow用户

发布于 2012-11-26 13:29:02

这是一个棘手的问题。我想您应该以某种方式组合多个控件。

我会试着在你想要开始画的时候画两个隐藏的向量。一个向量用于水平轴，另一个向量用于垂直方向。当然，它们会在你的起点相交

您要绘制的实际直线应捕捉到这些矢量之一。http://dev.openlayers.org/docs/files/OpenLayers/Control/Snapping-js.html

您可以查看快照示例：http://www.openlayers.org/dev/examples/snap-grid.html、http://www.openlayers.org/dev/examples/wfs-snap-split.html

唯一的区别是，你只能在知道原点的情况下绘制“网格”。我将从一个假设您这样做的示例开始。

票数 1

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/8217939

复制

相关文章

Openlayers3中实现台风风圈绘制算法

编程算法 go html xml

台风的风圈的NE、NW、SW、SE四个方位的影响范围是不一致，本文介绍一种简单的风圈的绘制方法，并在OL3中展示。

牛老师讲GIS

2018/10/23

1.1K0

Openlayers3中实现台风风圈绘制算法

如何在标签软件中绘制表格

shift 表格软件

条码标签软件里有丰富的图形编辑工具，比如手绘曲线、三角形、直线、矩形、圆角矩形、圆形、菱形和五角星等。可以通过这些工具绘制各种图案。还有一部分用户会在标签上设计表格，尤其是做生产或者物流标签。小编下面就介绍一下在标签软件中绘制表格的具体操作步骤。

神奇像素科技

2021/11/12

1.5K0

如何在R中绘制树图(TreeMap)

本文介绍了如何利用R语言中的Treemap函数绘制树图，并给出了一个实例，包括使用安装包、设定颜色范围、边框颜色、节点大小、填充颜色等参数。同时还介绍了两种方法，一是通过aggregate函数对数据进行分组，二是通过手动设置index和vSize、vColor、type等参数来绘制树图。

Erin

2018/01/09

5.3K0

如何在R中绘制树图(TreeMap)

如何在R中绘制热力地图

本文介绍了如何利用R语言中的maps包和mapdata包绘制地图，并通过热力地图展示数据分布情况。首先，通过map()函数创建地图对象，并获取每个区域的名字以及顺序。然后，在每个区域的名字和顺序后面，加上需要展示的数据以及经纬度。接着，根据数据的大小设置每个区域的颜色深浅，以区分不同的区域。最后，给地图加上地名标记，并添加热力地图元素。

Erin

2018/01/09

3.3K0

Openlayers中热力图的实现

Heatmap 是用来呈现一定区域内的统计度量，最常见的网站访问热力图就是以特殊高亮的形式显示访客热衷的页面区域和访客所在的地理区域的图示。Heatmap.js 这个 JavaScript 库可以实现各种动态热力图的网页，帮助您研究和可视化用户的行为。

牛老师讲GIS

2018/10/23

3.7K0

Openlayers中热力图的实现

Openlayers4中的全屏

Openlayers4中，ol.control.FullScreen()可实现地图的全屏展示，可是当地图的初始化宽度和高度都不是100%的时候，全屏的时候只会宽度的100%，高度还是原来地图的高度。本文讲述如何解决此问题。

牛老师讲GIS

2018/10/23

8090

Openlayers4中的全屏

如何在小程序中绘制图表？

小程序微信 api

文 | musiq1989 由于微信小程序本身框架的限制，很难集成目前已有的图表工具，显示图表目前有两种方案：服务器端渲染图表，输出图片，微信小程序中直接显示渲染好的图片；利用微信小程序 API 中提供的 canvas 组件支持，自行绘制图表。前一种方案已经有非常多类似服务可选，比如 Highcharts 提供了服务端渲染的能力。但这种方式需要后台有一套渲染服务，并且有一定的网络开销。那么，如何利用 canvas 组件，在小程序中绘制图表呢？下面，我们就来看尝试一下。 API 首先，我们在模板文件中

知晓君

2018/06/28

1.4K0

Openlayers中Google地图的加载

在实现的时候，参考了mygisforum的文章http://blog.csdn.net/mygisforum/article/details/7582449的内容，同时结合gwc的gridset，实现了google切片在Openlayers2中的调用与展示。

牛老师讲GIS

2018/10/23

2K0

Openlayers中Google地图的加载

Openlayers2中vector扩展FeatureLayer

在Arcgis for js中，有一个图层FeatureLayer，能够很方便的实现点、线、面的高亮。FeatureLayer是GraphicsLayer图层的一个扩展，本文讲述如何在Openlayers中通过Vector的扩展实现FeatureLayer。

牛老师讲GIS

2018/10/23

1.6K0

Openlayers2中vector扩展FeatureLayer

Openlayers3中SVG图加载

鉴于SVG的优势，在图层展示的时候，会想到SVG的方式，但是OL3里面只支持ImageStatic的方式加载，也就是只能加载栅格图片，为此，本文实现Openlayer3中SVG图层的展示。

牛老师讲GIS

2018/10/23

1.6K0

Openlayers3中SVG图加载

Openlayers4中地图的导出

本文讲述Openlayers4中地图的导出，包括调用天地图切片跨域、Geoserver11 WMS跨域等。

牛老师讲GIS

2018/10/23

2K0

Openlayers4中地图的导出

openlayers4中闪烁点的实现

概述：本文讲述如何在Openlayers4中实现闪烁点。效果：代码： 1、flash-marker.js闪烁点扩展 (function (global, factory) { typeo

牛老师讲GIS

2018/10/23

1.9K0

openlayers4中闪烁点的实现

openlayers3中如何叠加png图片

在此过程中，需要注意PNG图片的四至，即最大/最小经纬度，例如图片的四至信息如下：

牛老师讲GIS

2018/10/23

2.6K0

openlayers3中如何叠加png图片

如何在 Matlab 中绘制带箭头的坐标系

方法二：使用 Matlab 自带的一个图窗标注函数 annotation，具体用法请点击查看文档，简而言之，该函数可以在图窗指定位置绘制图形（箭头，矩形，椭圆等）或文字。其中绘制箭头的调用格式为

iam002

2021/08/18

8.4K0

如何在 Matlab 中绘制带箭头的坐标系

openlayers实现画圆

html xml http api

通过OpenLayers.Control.DrawFeature和OpenLayers.Handler.Point实现在地图上画圆心。

牛老师讲GIS

2018/10/23

3.3K0

openlayers之selectfeature

在本文叙述如何在openlayers中实现鼠标经过某一对象时，对象高亮；点击某一对象时，弹出该对象的信息。重点为OpenLayers.Layer.Vector和OpenLayers.Control.SelectFeature，下面开始讲解。

牛老师讲GIS

2018/10/23

1.7K0

openlayers之selectfeature

Openlayers4中实现动态线效果

http git ide nat

概述：本文讲述如何结合canvas在Openlayers4中实现动态线的效果。效果：代码： 1、move-line扩展 (function (global, factory) { typ

牛老师讲GIS

2018/10/23

1.9K0

Openlayers4中实现动态线效果

Openlayers4中图片填充的实现

概述本文讲述如何在Openlayers实现面状要素的图片填充。实现后实现代码 var bounds = [73.4510046356223, 18.1632471876417, 134.

牛老师讲GIS

2018/10/23

2K0

Openlayers4中图片填充的实现

openlayers4+中台风路径播放优化

sdn com init map openlayers

本文在以前风圈生成文章的基础上，将openlayers4+中台风路径的播放展示做了优化，并进行了封装。

牛老师讲GIS

2020/02/27

1.6K0

openlayers4+中台风路径播放优化

点击加载更多

相似问题

如何在Openlayers中绘制LinearRing

23

如何在openlayers中绘制扇区？

12

如何在openlayers中绘制半径圆

220

如何在OpenLayers中绘制多行线？

17

如何在ListView中绘制水平线？

22

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例