问题标签 [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.
openlayers - OpenLayers 3用坐标绘制路径
我正在尝试使用 Openlayers 3 的地理定位服务来映射用户的移动并根据距离收集坐标,然后提供将显示在地图上的测量值或多边形形状。
我已经进行了大量研究,但没有发现任何可以真正让我开始朝着最终目标迈进的东西。这对 OpenLayers 3 可行吗?是否已经内置了一些我可以使用的东西,或者我必须使用 OpenLayers 3 组件从头开始构建它。
我目前的代码只是通过浏览器打开 OpenLayers 位置服务并跟踪位置。
任何帮助引导我朝着正确的方向表示赞赏!
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 示例中的代码相同。
我的代码:
有人知道为什么它不起作用吗?
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 集成听起来不错!
javascript - 在 OpenLayers 中安装 arc.js
我在 Angular 5 中使用 Node.js 开发了项目。现在在我的项目中,我想要连接飞行动画并使用名为“飞行动画”的 OpenLayers 示例。问题是在示例中使用了一个名为“arc.js”的库,我无法导入它。我使用“npm install --save arc”安装了库,但仍然无法识别“arc”。我的代码是:
我在 'var arcGenerator = new arc.GreatCircle('
openlayers - 打开第 3 层工具提示阻止操作
我正在使用 ol.geom.Polygon 对象来绘制一个多边形,并为此添加了一个工具提示以显示像这样绘制的英亩数。
更新
这就是我创建工具提示的方式...
问题是,根据绘制一个点的形状,工具提示可以重叠,这有效地阻止了我设置点的能力。
如何将样式“指针事件:无”添加到 ol.Overlay?
toggle - 找不到名称“ol”
我第一次在开放层(角度 4)上工作。在ts中安装和导入文件后。
这些是导入的文件
我收到此错误找不到名称“ol”。
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]
angular - 如何使用 Angular 中的单击按钮放大某个位置
我想zoom
在openlayers
图书馆的某个位置,例如:Berlin
当用户点击按钮时。有人能告诉我怎么可能吗?
以下是我的代码:
app.component.html
app.component.ts
openlayers - 如何下载地图选定部分的 OSM 图块
我想用 Openlayer OSM 图层的单个缩放级别离线下载地图的选定部分的地图。我有地图的四个角,即地图的显示部分。
但需要获取这四个角之间的所有图块图像或图块。我回顾了一些例子:
https://gis.stackexchange.com/questions/167792/how-to-retrieve-the-tile-url-in-openlayers-3
但我需要在点击客户按钮时下载瓷砖。谁能帮帮我吗。