问题标签 [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 投票
3 回答
2364 浏览

angular - 在 angular2-openlayers 中使用点击事件来显示点击标记的细节

我是 Angular 和 Openlayers (3) 的新手。我找到了这个在 Angular 中包装 Openlayers 的开源库。

我的问题很简单。我想检测用户单击生成的功能之一以显示单击功能的详细信息时的事件。

HTML 模板:

正如您在模板中看到的那样,我有一个对象数组(称为“活动”)并对其进行迭代以为每个对象生成一个特征(带有图标)。这工作得很好。现在我想检测用户是否单击标记以在下部 div 中显示有关它的详细信息。我尝试使用暴露的“onClick”事件,但这只有在我将它放在 aol-map-directive 上时才有效。我希望有这样的东西:

Then I could grab the activity object in my module and do something with that. But this doesn't work unfortunately. Is there any way to achieve the goal of detecting a click on a certain feature?

I thought of using the aol-control-directive, which I would use in replacement of the aol-feature-directive but I think that wouldn't be the right way, would it?

Any hints are highly appreciated.

Edit: Updated the HTML template to clearify my intension.

0 投票
1 回答
1344 浏览

javascript - OpenLayers 中的经纬度动态变化

我正在尝试使用以下代码将我的地址指向 OpenLayers 中的地图:

我有该输入字段onchange的一个输入字段,我将获得纬度和经度的值。

我想把这些值放在我的观点上,所以我已经存储了我在全局变量中获取的值并在我的 JS 中访问:)[longitude, latitude]但它没有将这些值放在地图上。但如果我将值设置为4.1111, 50.1111,它会起作用。

当我更改我的输入值[longitude, latitude]更改但不适用于以下代码时:

0 投票
1 回答
4741 浏览

openlayers - 具有多种颜色的 Openlayers ol.style.Text

有没有办法为 openlayers 4+ 的 ol.style.Text 类设置多种字体颜色?

我正在尝试做类似的事情

由于“其他文本”的长度或宽度未知且 textAlign 必须设置为居中,因此我无法添加两个 ol.style.Text 类并将它们并排放置。

提前致谢

0 投票
0 回答
148 浏览

openlayers - 为什么我的指针和蓝点不在一起?

我正在使用 openlayers3 在地图上绘制要素。但是我的指针和蓝点(笔划)不在一起。我用过这个例子。在此处输入图像描述

0 投票
0 回答
180 浏览

dom-events - Openlayers 4 标记事件 (8302859777)

我正在开发 Openlayer4。官方文档中没有标记事件。

那么您能否提供适当的链接或代码来处理 OpenLayers 4 中的标记事件。

喜欢:

  • 点击事件标记
  • 标记双击事件
  • 标记右键单击事件
  • 标记鼠标悬停事件
0 投票
1 回答
1044 浏览

angularjs - 如何通过手动设置缩放级别来适应地图上的屏幕?

我是 openlayer 地图的新手,当您单击复选框时,它将以完全放大的方式在屏幕上适合制造商,但我想以 11 级缩放在屏幕上适合制造商。

0 投票
2 回答
570 浏览

openlayers - 移动设备上的 OpenLayers 3 dragBox

我目前正在实现一个 dragBox 来一次选择多个向量。由于dragBox对象需要一个“条件:”并且在官方示例中它是一个keyPress,我认为是“shift”,我已经在Angular中设置了一个单例布尔变量,它将条件设置为“ol.events.condition.always " 或 "ol.events.condition.never" 对象接受并在计算机上正常工作......但是在移动设备上不起作用,我认为这可能在移动设备上工作,比如画一个圆圈,但不是。

有没有办法让这个在移动设备上工作?

这是我的代码。

0 投票
0 回答
451 浏览

angular - 使用来自对象的值,角度 4

我使用 Serice 从客户端获取一些实时数据。实时数据将保存在我的服务中:

几何值包含一个 wkt 字符串,如下所示:

现在我想通过我的地图中的服务注入这些点。
这不起作用:

我通常如何通过角度服务访问对象或数组?

0 投票
1 回答
965 浏览

mapping - 如何在openlayers 3中复制已经初始化的地图

如何复制已经初始化的地图状态?我想省去重新初始化同一张地图然后复制图层的麻烦。

0 投票
2 回答
593 浏览

angular - Angular 5 和 OpenLayers 4 不显示 WFS

我似乎无法解决如何显示 WFS 地图的问题。

我目前正在显示 WMS 图层,如下所示:

发挥魅力...

当我尝试改为显示 WFS 时 - 什么都没有显示:

加载例程有点不同,因为 WMS 加载已经是自动化的,而 WFS 不是。这就是为什么 URL 是硬编码的。谁能告诉我,为什么什么都没有出现?

对 geodienste.hamburg.de ... 的请求正在返回 1.8 mb 的 GML 数据 - 即使在 broser 请求中也可见。

我尽量坚持使用 OL 示例,背景图也显示在上面的两个示例中。