SaaS Mapping Platform
SaaS platform that provides businesses with powerful tools to transform raw location data into interactive, customizable maps.
Project Plan
Overview
Maptive is a SaaS platform that provides businesses with powerful tools to transform raw location data into interactive, customizable maps. The platform supports geographic analysis, route optimization, territory management, heatmaps, and demographic overlays. Users can import datasets, customize map elements, and securely share maps via links or embedded views. As a subscription-based service, Maptive ensures continuous access to its features without the need for software installation, making it scalable and accessible from any device.
To enhance performance, accuracy, and scalability, key improvements were made to the platform’s WebGL-based rendering engine. The number of circles displayed on a map was expanded from 4,000 to 100,000, rendering precision was improved for piecharts and object selection, and a new geometry engine for arrow visualization was implemented. Additionally, automated testing for WebGL graphics was integrated into the CI/CD pipeline to maintain system stability and ensure seamless updates for subscribers.
Key Achievements
15x Faster Rendering:
Optimized dotted polyline rendering, significantly reduces render time and improves overall performance
25x Increase in Circle Capacity:
Increased the maximum number of circle areas displayed from 4,000 to 100,000 without performance loss
80%+ Test Coverage:
Expanded testing to cover complex scenes and WebGL objects, ensuring stability and catching edge cases
100% Test Compatibility:
Successfully migrated all tests to Playwright, guaranteeing complete test coverage for both 2D and 3D graphics
What Was Done
Graphics Optimization:
Implemented an optimized algorithm for rendering dotted polylines. Refactored arrow implementation to make the code more flexible and extendable, enabling new arrow features. Developed a universal shadow system, allowing shadows to be added to most objects without significant performance loss
Precision Improvements:
Enhanced piechart accuracy by replacing fixed-size triangles with floating-sized triangles, removing precision limits while keeping rendering efficient. Includes double precision calculation inside the vertex shader
Circle Layer Refactoring:
Ensured accurate rendering of unique circle shapes in the Mercator projection
Bug Fixing:
Fixed a complex object selection bug caused by precision loss in WebGL shaders by implementing a double-precision emulation
Testing Coverage Expansion:
Developed tests for complex scenes and WebGL objects
Cloud-Based Deployment:
Automated deployment of backend and frontend to AWS services
3D Testing Infrastructure:
Set up self-hosted runners using AWS EC2 instances with GPUs to enable 3D testing in the CI/CD pipeline. Migrated tests to GitHub Actions, ensuring seamless execution and cost efficiency
Playwright Migration:
Rewrote all existing tests to Playwright, achieving 100% compatibility for both 2D and 3D modes and ensuring smooth integration into the CI/CD workflow
Results:
Maptive now runs on a faster, more powerful graphics engine that makes it easy to display large maps quickly and accurately. Thanks to these improvements, maps load faster, work smoothly even with big datasets, and are more precise. The platform is built on a stable, well-tested foundation, giving users a better overall experience and allowing them to confidently handle more complex mapping tasks.
