Suite

Animation de déplacement de fonction dans OpenLayers 3.11.2

Animation de déplacement de fonction dans OpenLayers 3.11.2


Je cherche un moyen de réutiliser la technique sous cet exemple OpenLayers mais je ne comprends pas vraiment sa structure, en particulier cette partie :

// Cette longue chaîne est placée ici en raison des limitations de jsFiddle. // Il est généralement chargé avec AJAX. var polyline = [ '[email protected]'[email protected]}@[email protected]??aC^[email protected][email protected]@b[wFdE??wFfE}N', 'fIoGxB_IgG}@eGaBayHODm ??yVrGotA|N??o[N_STiwAtEmHGeHcAkiA}^', 'aMyBiHOkFNoI'CcVvM??gG^[email protected]??eCcA]OoL}[email protected]?,Y'?wg @[email protected]{vA}[email protected]}{@iRaqE{[email protected]_T{]_', '[email protected]{PmhEwaA{[email protected]]wQeEgtAsZ}LiCarAkVwI}D? [email protected]}TiYs[uTwXoNmT{[email protected]]{[email protected][email protected]_G}YsFw]k', '[email protected][email protected][email protected]|@[email protected][email protected]@[email protected]@r [email protected]', '[email protected]@[email protected][email protected]@[email protected]@{[email protected]}[email protected]@[email protected]~C{[email protected]', '[email protected]@kmBS{kDnBscBn~u_Dbc QHeU'IuyDrC_}@[email protected]?qMbD}{AIkeAgB', 'k_A_A{[email protected]@qH{[email protected]@qH{'@[email protected]@kL{[email protected]@ymBgwE}[email protected] [email protected]@[email protected][email protected]}|[email protected]^eaC}L{dAaJ_aAiOyjByH{nAuYu'GsAw', '[email protected]{[email protected]}'@[email protected]'CkiAb'D }[email protected]}[email protected][email protected]}A~JovAxCqW~WanB'XewBbK{_A'K}[email protected]', 'xBycBeCauBoF}}@[email protected]_N urAyJku @ uGmi @ cds [eRaiBkQstAsQkcByNma ' 'CsK_uBcJgbEw @ gkB_ @ ypEqDoqSm @ eZcDwjBoGw'BoMegBaU_'Ce _ @ _ @ uBqb ytBwkFqiT_', 'fAqfEwe @ mfCka @ _eC_UmlB}} ~ MmaBeWkkDeHwqAoX DcBsZmLcxBqOwqE_DkyAuJmrJ  o',' ~ CfIewG |? es YibQxBssB @qGciA} {RorAoVajA_nAodD [y'AgPqp @ mKwr @ ms @ {umEaW dAm ' 'b @ umAw | @ ojBwzDaaJsmBwbEgdCsrFqhAihDquAi'Fux @} _ @ Dui _eB_u @ guCuyAuiHukA_',' lKszAu | AMAO {} WKM @clHs_A_rEahCssKo  sgBsSglAqk @ yvDcS_wAyTwpBmPc|BwZknF', 'oFscB_GsaDiZmyMyLgtHgQonHqT{hKaPg}[email protected][email protected]'EuiBudIabB{hF{[email protected]', '@qo'Gy}Fy} @e]kgPcaAu}SkDw', '[email protected]@[email protected]{[[email protected]}EqiBaCg}', '@[email protected][email protected]{[email protected]}EqiBaCg}', '@[email protected][email protected]{[email protected]}EqiBaCg}', '@[email protected][email protected]{[email protected]} {[email protected]_yCuwyCwy', 'A{[email protected]}rO{{[email protected]_bAumFo}DgqA_uByi', '@zDlh}[email protected]'@swC~A [email protected][email protected]@nfC_eC', '|[email protected]}@"Fi~FpnAooC|[email protected]}[email protected]}[email protected]', '[email protected]@cgr{gCu @[email protected]@[email protected]@'[email protected]', '[email protected]'ExG uaBdEmbBpBssArAuqBBg}@[email protected]{AkB{[email protected]_bYmC}[email protected]@sPq_BuJ_', '[email protected]{X_{[email protected]{[email protected]@[email protected][email protected]'|| lbAulB'[email protected]|[email protected]@[email protected]@bqC}{BhwDgcD'[email protected]@??bL{G|[email protected]@', 'oS~][email protected]|[email protected]}Jv} [email protected]{[email protected]_]'|[email protected]@wSb{@[email protected]'RooQ~e', '[upZbuIolI|[email protected]@nMmJ|OeJn^{[email protected]@[email protected]@kAp ~BkBxO{@|QsAfY', 'gEtYiGd]}[email protected]'[email protected]@vgK}cJnSoSzQkVvUm^[email protected]'[email protected]@~k', '[email protected]@jNoq @[email protected]}uBhqEesFjoGeyHtCoD|D}Ed|@ctAbIuOzqB', '_}D~NgY'[email protected][[email protected]{Cw'G'[email protected]{AdjAwzBh{C}'[email protected]@} [email protected]{[email protected]??jI', '[email protected]'CuOlC}YnAcV'@_^[email protected]}@[email protected]^uCkZiGkyGeY}[email protected][uWi[[email protected]', '[email protected] [email protected]}qAwHkGi{@[email protected]_{B}IsJ', 'uEeFymAssAkdAmhAyTcVkFeEoKiH}[email protected]@[email protected]@[email protected]@[email protected]@}[email protected]_r}Jk, @[email protected][email protected]@[email protected]@??kF}D??OL' ].join(");

http://openlayers.org/en/v3.11.2/examples/feature-move-animation.html

  • Comment puis-je mettre mes propres données dans la variable polyligne ?
  • Comment puis-je utiliser directement un fichier GeoJSON ou un fichier KML pour le faire ?

Les données de la variable polyligne sont au format polyligne codée. Google dispose d'un utilitaire que vous pouvez utiliser pour préparer les données de test dans ce format (lien).

Vous pouvez convertir vos propres données dans ce format à l'aide de PostGIS et de la fonction ST_AsEncodedPolyline (docs).

Ou vous pouvez utiliser l'un des autres formats pris en charge par OpenLayers 3. Il suffit d'échangernouveau ol.format.Polylinele cas échéant.


Voir la vidéo: 38. Enchaîner des fonctions