问题标签 [angular-openlayers]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
886 浏览

openlayers - OpenLayers 3用坐标绘制路径

我正在尝试使用 Openlayers 3 的地理定位服务来映射用户的移动并根据距离收集坐标,然后提供将显示在地图上的测量值或多边形形状。

我已经进行了大量研究,但没有发现任何可以真正让我开始朝着最终目标迈进的东西。这对 OpenLayers 3 可行吗?是否已经内置了一些我可以使用的东西,或者我必须使用 OpenLayers 3 组件从头开始构建它。

我目前的代码只是通过浏览器打开 OpenLayers 位置服务并跟踪位置。

任何帮助引导我朝着正确的方向表示赞赏!

0 投票
0 回答
255 浏览

javascript - Openlayers 指令 angularjs layer-clustering

我从这个链接中使用了 angular-openlayers-directive:https ://github.com/tombatossals/angular-openlayers-directive

我想达到这个效果:http ://tombatossals.github.io/angular-openlayers-directive/examples/059-layer-clustering.html

不幸的是,我的应用程序中只显示了一张没有圆点的地图。我的代码与 github 示例中的代码相同。

我的代码:

有人知道为什么它不起作用吗?

0 投票
1 回答
1336 浏览

javascript - image.getState 不是函数(在角度使用 ol 时)

我尝试在 angular(4) 应用程序 http://viglino.github.io/ol-ext/examples/layer/map.geoimage.html中实现以下代码

但是在尝试启动浏览器时总是会导致错误。

首先,我的导入(两个库都是从 npm 本地安装的):

`

请在下面找到我使用的代码:(这部分正常工作)`

然后我尝试显示地理参考图像:`

`

它总是导致同样的问题:

错误 TypeError: image.getState 不是 _ol_renderer_canvas_ImageLayer_.prepareFrame (imagelayer.js:160) 处 _ol_renderer_canvas_Map_.renderFrame (map.js:183) 处 _ol_renderer_canvas_ImageLayer_._ol_renderer_Layer_.loadImage (layer.js:114) 处的函数_ol_Map_.eval (pluggablemap.js:87) 在 ZoneDelegate.invokeTask (zone.js:421) 在 Object.onInvokeTask (core.js:4740) 在 ZoneDelegate.invokeTask (zone.js: 420) 在 Zone.runTask (zone.js:188) 在 ZoneTask.invokeTask (zone.js:496)

因此,关于这份报告,我尝试使用 ol.source.Image 对象而不是 url 但不是更成功。

以前有人用过这个框架吗?任何会导致此问题的 ol 更新的想法?

PS:我也尝试过 SnapGuides 行示例(http://viglino.github.io/ol-ext/examples/interaction/map.interaction.snapguides.html),它运行良好,所以 ol-ext API 集成听起来不错!

0 投票
1 回答
387 浏览

javascript - 在 OpenLayers 中安装 arc.js

我在 Angular 5 中使用 Node.js 开发了项目。现在在我的项目中,我想要连接飞行动画并使用名为“飞行动画”的 OpenLayers 示例。问题是在示例中使用了一个名为“arc.js”的库,我无法导入它。我使用“npm install --save arc”安装了库,但仍然无法识别“arc”。我的代码是:

我在 'var arcGenerator = new arc.GreatCircle('

0 投票
1 回答
63 浏览

openlayers - 打开第 3 层工具提示阻止操作

我正在使用 ol.geom.Polygon 对象来绘制一个多边形,并为此添加了一个工具提示以显示像这样绘制的英亩数。

更新

这就是我创建工具提示的方式...

问题是,根据绘制一个点的形状,工具提示可以重叠,这有效地阻止了我设置点的能力。

如何将样式“指针事件:无”添加到 ol.Overlay?

0 投票
1 回答
438 浏览

angularjs - 在 openlayer 角度指令缩放按钮不显示

我在地图上没有任何缩放按钮

我在地图上没有任何缩放按钮

我怎样才能给他们看?加号和减号

我使用角度 openlayer 指令

0 投票
1 回答
1945 浏览

toggle - 找不到名称“ol”

我第一次在开放层(角度 4)上工作。在ts中安装和导入文件后。

这些是导入的文件

我收到此错误找不到名称“ol”。

0 投票
1 回答
3908 浏览

dom - 如何在 OpenLayers 中的地图上放置 HTML 元素

我正在使用 jQuery 3.21 开发 Openlayers 5.13。我正在尝试div在 openlayers 中的地图视口上放置一个 html 元素。这个元素应该有两个复选框来过滤掉地图上的一些内容。为此,我正在使用一个Overlay实例。有两个问题:1)当我放大或缩小时,叠加层的大小会增加和减小,这不是我所期望的。我希望该叠加层(html div 元素)保持其大小。

2)我不能放弃弄清楚如何将叠加层放在右上角。覆盖是用position我不知道要设置什么的属性实例化的。

我也不知道如果覆盖是我应该寻求在地图上显示一些静态元素。(我高度怀疑覆盖是正确的方式)

这是我的代码:css-

html -

脚本 -

这是我当前的输出: 电流输出

这就是我所期待的,一个固定在某个位置的元素:

预期的

参考 - [ http://openlayers.org/en/latest/apidoc/module-ol_Overlay-Overlay.html]

0 投票
2 回答
963 浏览

angular - 如何使用 Angular 中的单击按钮放大某个位置

我想zoomopenlayers图书馆的某个位置,例如:Berlin当用户点击按钮时。有人能告诉我怎么可能吗?

以下是我的代码:

app.component.html

app.component.ts

0 投票
2 回答
1634 浏览

openlayers - 如何下载地图选定部分的 OSM 图块

我想用 Openlayer OSM 图层的单​​个缩放级别离线下载地图的选定部分的地图。我有地图的四个角,即地图的显示部分。

但需要获取这四个角之间的所有图块图像或图块。我回顾了一些例子:

Openlayers获取鼠标下瓦片的图片url

https://gis.stackexchange.com/questions/167792/how-to-retrieve-the-tile-url-in-openlayers-3

但我需要在点击客户按钮时下载瓷砖。谁能帮帮我吗。