This tutorial demonstrates how to integrate and synchronize Google Maps with the Vexcel Map API in a side-by-side layout. This integration allows you to display both mapping platforms simultaneously in a vertical arrangement, providing users with a direct comparison between the two map views.
You'll learn how to:
- Initialize both Vexcel Map and Google Maps in the same application
- Configure a vertical layout for displaying maps one above the other
- Synchronize map views between the two platforms (location, zoom level)
- Set up event listeners to maintain coordination between maps
- Change view modes (2D/3D) while maintaining synchronization
Side-by-side map integration is valuable for applications that need to provide visual comparisons between different mapping platforms. This capability allows users to directly compare features, imagery, and data representation between Google Maps and Vexcel Map, making it easier to understand differences in coverage, detail, and visualization approaches.
Mode Controls
index.html
main.js