GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → Liquid-Zhangliquan → OL-RouteAnimate

Liquid-Zhangliquan / OL-RouteAnimate

Licence: other
基于openlayer的原生轨迹动画

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Labels

mapboxmaptalksopenlayerrouteanimate

Projects that are alternatives of or similar to OL-RouteAnimate

maptalks.mapboxgl
MapboxglLayer for maptalks.js
Stars: ✭ 51 (+64.52%)
Mutual labels:  mapbox, maptalks
impact-tools
Simple blueprints for change-makers
Stars: ✭ 34 (+9.68%)
Mutual labels:  mapbox
covid-19-sg
Visualising COVID-19/Coronavirus cases and cluster zones in Singapore
Stars: ✭ 15 (-51.61%)
Mutual labels:  mapbox
mapbox-assistant-example
Examples of Amazon Echo, Google Home, and other bots interacting with Mapbox services.
Stars: ✭ 15 (-51.61%)
Mutual labels:  mapbox
web-maps-wcag-evaluation
Manual accessibility evaluation of popular web map tools.
Stars: ✭ 28 (-9.68%)
Mutual labels:  mapbox
earth
🌏 A map of places I've checked in on Earth.
Stars: ✭ 96 (+209.68%)
Mutual labels:  mapbox
react-mapboxgl
Declarative React components for mapbox-gl-js.
Stars: ✭ 15 (-51.61%)
Mutual labels:  mapbox
ReminderPro
ReminderPro(location, note, voice recording)
Stars: ✭ 27 (-12.9%)
Mutual labels:  mapbox
map
🏳️‍🌈🗺 A map of community centers and other helpful information for queer (LGBTQ) people.
Stars: ✭ 15 (-51.61%)
Mutual labels:  mapbox
traffic
Massively real-time traffic streaming application
Stars: ✭ 25 (-19.35%)
Mutual labels:  mapbox
routing-py
🌎 Python library to access all public routing, isochrones and matrix APIs in a consistent manner.
Stars: ✭ 106 (+241.94%)
Mutual labels:  mapbox
country-bounding-boxes
A list of ISO 3166-1 country codes and their bounding boxes.
Stars: ✭ 26 (-16.13%)
Mutual labels:  mapbox
transit
Massively real-time city transit streaming application
Stars: ✭ 20 (-35.48%)
Mutual labels:  mapbox
Vector-Tile-Spark-Process
🌏 Clip geographic data into MVT files based on Apache Spark
Stars: ✭ 16 (-48.39%)
Mutual labels:  mapbox
mvt
Draw Mapbox Vector Tiles (MVT) in Go
Stars: ✭ 46 (+48.39%)
Mutual labels:  mapbox
leaflet-kmz
A KMZ file loader for Leaflet Maps
Stars: ✭ 33 (+6.45%)
Mutual labels:  mapbox
openmaptiles-ios-demo
iOS demo app for showing offline maps for mobile.
Stars: ✭ 19 (-38.71%)
Mutual labels:  mapbox
civil-services-geojson-app
Electron App for Loading GeoJSON files with Mapbox
Stars: ✭ 18 (-41.94%)
Mutual labels:  mapbox
vue-mapbox-map
A minimalist Vue component wrapping Mapbox GL or MapLibre GL for dynamic interaction!
Stars: ✭ 26 (-16.13%)
Mutual labels:  mapbox
FramerMapboxJS
Simplest way to integrate Mapbox maps on your Framer prototypes.
Stars: ✭ 45 (+45.16%)
Mutual labels:  mapbox
View All Similar Projects ➔

基于openlayer的小车运动轨迹动画

实现思路

v1利用原生requestAnimationFrame函数，利用ol自带的getCoordinateAt获取每个step的坐标，然后更新小车当前位置，并且push轨迹路线
v2利用turf的LineSliceAlong对轨迹进行增密，然后利用requestAnimationFrame绘制每一帧动画

存在问题

  • 插值和节点没有做处理，使得拐点轨迹不好看
  • 小车车头方向未做调整

mapbox实现轨迹

maptalks实现轨迹

  • maptalks是我接触最早的一个开源二三维地图api
  • line直接提供animateShow这个方法
  • maptalks将line.animateShow()返回的对象作为player，所以可以直接执行pause,play等方法控制播放
  • 小车经过摄像头时改变摄像头状态（计算小车到摄像头的距离，小于某个值，激活摄像头)

体验地址

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].