• 如何在OpenLayers中的两个遥远的多边形之间创建飞行动画

    使用Openlayers(v6.1.1。),我试图在多个多边形之间创建简单的FlyTo动画。当它们之间的距离很小时,FlyTo动画效果很好,但是随着距离的增加,用户体验会下降。 On larger distance I'm just fast panning through map in low zoom. I tried with ahocevar answer from this link but without desired effect. 按照说明,我将中心动画与两个缩放动画组合在一起并同时启动它...
  • Openlayers 6-如何从下拉菜单中选择矢量层

    在我的地图上,我的背景为OpenStreetMap磁贴,顶部为VectorLayer。现在,我希望用户通过下拉菜单更改VectorLayer。我该如何实现? 这是我的HTML下拉菜单代码: <select id="line"> <option value="1a">Line 1A</option> <option value="1b">Line 1B</option> <option value="2a">Line 2A</option> <option value="2b"...
  • 使用OpenLayers预加载附近的图块

    我正在将Open Layer与混合应用程序一起使用,并希望预先加载附近的图块,以避免用户看到如何加载图块。 OL超级快,这是一个Tile服务器问题,但希望创造最佳的用户体验。 我已经检查了这些: Preload tiles before animation Smoother loading of tiles in OpenLayer How to precache tiles with OpenLayers for date animation 另外,当尚未下载图块时,我默认将背景色设置为水彩。 但是想知道...
  • Openlayers 6-在线显示Geojson标签

    我只是javascript的初学者。我一直把标签放在GeoJSON文件中以显示在地图上感到困惑。我已经尝试了来自openlayers.org的许多示例,但是它不起作用,也许与版本有关。 我想在地图顶部和沿线显示我的GeoJSON文件中来自属性“名称”的文本,例如街道名称。现在仅显示该行。 这是我的剧本。 <script type="text/javascript"> var style = new ol.style.Style({ text: new ol.style.Text({ ...
  • OpenLayers 6:强制选择多边形

    我已经在Select交互和Draw交互之间实现了OpenLayers 6。 我们可以假定用户仅绘制多边形(三个点或更多的几何)。 我希望绘制的多边形一旦完成就被选中。 因此,我在Draw交互上侦听“ drawend”,将draw交互设置为inactive,将select交互设置为active,但是随后我需要将所选特征设置为仅绘制特征。 到目前为止,我所拥有的只是我想到的这个笨拙的技巧: // Find the center point of the drawn feature (EPSG:3857) con...
  • 如何在openlayers中放置图表

    我正在寻找一种在我的多边形中心的地图内放置一个饼图(基于某些字段)的方法。有什么方法可以在sld样式(wms)或ol.style.Style(wfs)上创建图表?或完全是另一种解决方案? 饼图上没有任何作用力,任何图表都可以解决此问题。 另外,我可以根据多边形质心创建点图层,因此点上的图表也可以解决我的问题。 目前,我正在使用ol 6.1.1,并且我不能将其降级到6以下(我正在使用新的比例尺)。 我检查了StackOverflow中是否存在类似的问题,但是它们太旧了(ol 2/3)。 另外,我检查了ol-e...
  • Openlayers V6 Backgroundfill文本仅适用于最后一个文本元素

    几周前,我们已经使用最新的openlayers版本(6.1.1)更新了我们的软件。先前的版本是5.3.0,我们没有遇到这个问题。 我们有一个矢量层,并为每个要素在地图上绘制名称。我们将样式应用于这些文本,并添加背景,因此文本始终可读。 var fontColor = "black"; var backgroundColor = "white"; var backgroundFill = new ol.style.Fill({ color: backgroundColor }); var text = ...
  • OPENLAYERS 6如何获取几个kml文件的边界

    如何获得几个kml文件的边界? 我可以很容易地得到一个kml文件,但是我有点迷失了……获得地图中所有kml文件的边界... 这是代码(在php文件上下文中写) 首先,我定义所需的kml文件以及源和图层的js var(即:src_expe_pro0 expe_pro0 ...) $pro_kml .= ' var src_expe_pro'.$j.' =new ol.source.Vector({ url: "http://www.grottes-et-karsts-de-chine.org...
  • OpenLayers从值数组创建栅格网格

    我正在尝试从数据数组创建栅格网格并在OpenLayers中显示地图。我找到了一个示例,但它是针对OpenLayers v2的,我无法弄清楚如何使用最新版本的OpenLayers(5或6)来做到这一点。 Example with OpenLayers 2: http://dev.openlayers.org/sandbox/august/trunk/playground/raster/raster-array.html 我知道我要创建的栅格范围以及像元大小和投影。这个想法是使用javascript数组中的值...
  • 当用户将鼠标悬停在Openlayers地图上时,Angular会重新渲染

    我正在与Angular 8一起在项目中使用Openlayers 6。 直到现在,我注意到,只要将鼠标悬停在Openlayers地图上,就会重新渲染地图所在的Angular组件。 我的问题是我如何使父组件始终停止在该悬停时重新渲染。因为它会使应用程序变慢。我的项目中有一个更大的组件,因此,要重新渲染所有内容,将使应用程序本身变慢。 For this purpose i created a repo to demonstrate this: https://github.com/petrovichm/angul...
  • OpenLayers中线功能的多个样式不同的标签

    我试图根据附加到线/标签的属性,将不同的样式应用于对象(线)的多个标签。我正在尝试使标签彼此更接近。 [制作标签闭合] [1] https://7y5ly.csb.app/ Here's what I tried so far https://codesandbox.io/s/line-label-style-7y5ly 谢谢 new Style({ stroke: new Stroke({ color: "blue", width: 3 }), text...
公告

欢迎访问 码农俱乐部  点击这里设置您的邮箱  可以接收站内跟帖、回复邮件提醒,不错过任何一条消息。

关注公众号订阅更多技术干货! 码农俱乐部