簡體   English   中英

OpenLayers3中的功能動畫

[英]Animation of features in OpenLayers3

我很好奇OpenLayers3中動畫功能的可能性。

我非常了解這里提供的示例http://openlayers.org/en/v3.0.0/examples/animation.htmlhttps://gis.stackexchange.com/questions/26546/openlayers-animation-examples -and-算法

但是,OL3的官方示例並不完全符合我的需求。

讓我們假設我有一個圖層(例如geojson),它有一個“時間”列,有很多很多時間值。

我想實現類似滑塊的功能,根據用戶的操作添加/刪除功能(或更改其樣式)。

問題是有一些API可能能夠做到這一點,但它們似乎已經過時(代碼示例仍在使用ol2)。

您對如何使用OL3構建簡單動畫滑塊有任何建議嗎?

編輯:它不一定是適當的動畫。 我想到的一種可能性是每當移動滑塊時都會改變圖層的樣式。 盡管如何實現這一點仍然沒有任何線索。

這張圖片說明了我的想法:

設計所需的功能

編輯:我目前的方法是有一個滑塊,每次移動時觸發代碼。 我試圖動態地改變圖層樣式,但我仍然沒有得到可行的結果。

好。 我自己想出了一個解決方案。 它不是一個完整的動畫,但它適用於我。

基本上我所做的是將wfs-layer加載到我的地圖上。 現在,這是訣竅:當我這樣做時,我只是逐個對特征的時間值進行排序,並將每個特征添加時間值為1到一層,每個特征的時間值為2到另一個,某某等等。 這基本上可以解決問題。 其余的很簡單。

下一步是我實現一個滑塊,范圍從1(最低時間值)到最高時間值。 每次移動滑塊時,它都會觸發一個事件,該事件可以找出滑塊設置的時間值,然后添加/刪除相應的圖層。

因此,如果滑塊設置為5.它會將每個圖層從1到5添加到地圖中,並刪除其他所有圖層。 同樣,這不是一個真正的動畫,但它確實適用於我的情況。

如果有人提出另一種可能的解決方案,請在此處發布。 我很感激。

(順便說一下,這就是我的解決方案在行動中的樣子:)

在此輸入圖像描述

編輯:我現在也可以確認用這種方法構建“適當的”動畫是可能的。 我簡單地構建了一個包含多個“setTimeout”的js函數,以便在添加圖層時添加一個觸發此功能的播放按鈕。 這相當於一個動畫,可視化從t = 1到tmax的增長。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM