问题标签 [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 回答
189 浏览

maps - Openlayers 标记偏移(不在正确的位置)

我正在使用 Web 功能服务 (WFS),并且我想在 OpenLayers 地图上显示一个标记。WFS 的回应摘录:

我使用 OpenLayers 显示带有以下代码的标记:

所以,结果如下:

因此,标记已显示,但位置不理想。我错过了什么?如何将标记置于“Mairie”公交车站的中心?

谢谢您的回答 !

0 投票
1 回答
736 浏览

openlayers - 当地图不是全尺寸时如何适应 openlayers 地图?

我有使用https://www.npmjs.com/package/angular-split的角度应用程序。1 个分割区域有开放的图层地图。如果只有地图分割区域可见,方法如下:

工作得很好。但是,当窗口打开多个拆分时,它不起作用,因为即使地图更小,mapSize 仍然相同。

地图工作正常,因为右下角的地图按钮和比例线适应打开其他分割区域。

那么这应该如何完成,即如何获得真实的地图大小?

0 投票
1 回答
763 浏览

openlayers - OpenLayers 按百分比增加或减少范围

我有一张地图,上面有功能,当我缩放到这些功能时,用户可以设置缩放缓冲区的首选项。

我不确定在 OL 中是否有这样做的内置方法...我查看了文档但什么也没看到...不确定我是否错过了它?

想知道是否有办法插入一个数字,比如 20%,这会使变焦放大 20%?

0 投票
1 回答
87 浏览

openlayers - 在 OpenLayers 为什么计算范围缩小

我正在尝试在“moveend”上捕捉我的地图范围,似乎正在捕捉的范围被缩小了很多......

我相信这几乎就是我所看到的示例,但它并没有在 moveend 上保存真正的缩放范围。

任何帮助(尤其是正确的解决方案:))表示赞赏!

0 投票
2 回答
1479 浏览

angular - 在 OpenLayers 6 和 Angular 9 中没有交互

我正在尝试在 Angular 9 组件中设置 OpenLayers 6 Map。我可以成功加载 OSM 源并且控件正常工作,但是拖动地图或使用鼠标滚轮缩放等交互不起作用。手动添加默认交互不能解决问题。

在我之前的项目中一切正常,所以我主要是在我的组件之外寻找交互所依赖的因素,我可能没有想到。

map.component.ts

map.component.html

map.component.css

0 投票
1 回答
173 浏览

angular - 在 Angular 项目中为 OpenLayers 地图实现地理编码服务

我正在开发一个 Angular 项目,其中一部分涉及在给定地址上显示带有标记的地图。我想使用 Here 的地理编码(和反向)服务,并按照此处的所有说明进行操作:

https://developer.here.com/blog/using-the-here-geocoder-api-for-javascript-in-an-angular-application

问题是这个请求需要一个“app id”和一个“app code”来进行身份验证。我在 Here's 网站上发现“应用程序代码”不再用于身份验证,只有 API 密钥和 OAuth 令牌是(我有),以获得更好的安全性。在使用 apikey 代替“应用程序代码”时,它会响应错误“应用程序 ID 的凭据无效”,这是可以理解的。我无法找到此服务平台对象的文档,我可以在其中找到使用 API 密钥的方法。有什么建议么?如果我解决了身份验证问题,我很确定这会正常工作。

有关该项目的更多上下文,我确实对使用地图服务(OpenLayers)有限制,但对第三方地理编码器服务没有限制。npm 上提供了一些地理编码库,但它们要么已经过时,要么不起作用。我唯一的最后手段是为另一个外部地理编码 API(我有适当的凭据)创建自己的 Http 请求-响应服务 - 我目前也在努力,但考虑到我是 Angular 的新手,这需要时间。我只是想确保在从头开始设置之前,我已经尝试了其他所有可用的服务。请帮忙!

0 投票
1 回答
1986 浏览

angular - Angular 9 通用服务器端渲染 (SSR) 错误 HTMLCanvasElement

我收到这个错误 Angular 9 服务器端渲染我正在使用开放街道地图(OSM),我认为ngx-openlayers会导致这个问题,因为当我删除它时我没有错误

我尝试仅在客户端加载AngularOpenlayersModule模块和使用此模块的组件,但没有运气

我的SharedModule.ts

我的依赖是:

0 投票
1 回答
185 浏览

javascript - OpenLayer 6.3.1 在地图上显示 GeoJson 数据的问题

我对 openlayer geojson 有问题。我正在尝试在地图中显示数据,但我没有尝试任何工作。

我需要更改哪些内容才能在地图上显示数据?

代码:

geoJson 数据:

0 投票
2 回答
250 浏览

openlayers - 更改地图上各个标签的文本(OpenLayers)

我想更改OpenLayers地图上某个地方的文字,需要将其从波斯湾更改为阿拉伯湾

我试图查看是否有任何方法可以使用 OpenLayers API 文档进行此更改,但没有找到运气。

https://openlayers.org/en/latest/apidoc/

以下是地图位置

在此处输入图像描述

以下是代码:

有什么办法可以改变这个吗?我仍在通过OpenLayers API来查找是否存在。

0 投票
1 回答
30 浏览

angular - 查找 OpenLayers 数组的索引

我很难找到这个特定 OpenLayers 数组的索引。数组看起来像这样。

我正在尝试查找 index item = "DragBox" 的索引

我试过一个字符串和一个对象,即

两者都返回了-1 ...我真的很困惑如何使用打字稿中的这个特定数组来做到这一点。

任何帮助是极大的赞赏