Projects

Elemap map viewer

An embeddable Vue and Ionic map viewer for hosted content

Client
Elebase
Year
2024
Before
AI
Result
Embeddable Vue and Ionic map viewer
Elemap map viewer, image 1

What I did

Geospatial CMS company Elebase asked me to develop an embeddable web map app to be used by customers with little or no technical knowledge as a map viewer for their hosted content.

The app is written in Vue 3 with Ionic for the UI, so as to be usable in a native user application in iOS or Android, in addition to web apps. Mapbox GL is used for map rendering and related functionality.

Main features include:

  • Dynamic configuration of basemap style, UI theme, colours, sizes, through the Elebase dashboard.

  • Smart map layering, clustering and generalisation on no-known-in-advance data for a better cartographic result

  • Custom set of map controls including geocoding, tilt and compass, geolocation

  • Dynamic lists, and blog pages according to tightly connected Elebase API

  • Preview mode for unpublished articles

  • App authentication

The continuation of this project was a light-weight map editor for easy customisation of project maps.

What the client said

Excellent developer and skilled especially in the domain of interactive mapping.

John Frandsen Elebase

Images

Elemap map viewer, image 2
Elemap map viewer, image 3
Elemap map viewer, image 4
Elemap map viewer, image 5
Elemap map viewer, image 6
Elemap map viewer, image 7
Elemap map viewer, image 8

More like this

Contact

Need something like this?

Email me about a project like this