Resolved synchronization issues in Mapbox GL Compare plugin

2 min read

📅 2023-05-23 — Session: Resolved synchronization issues in Mapbox GL Compare plugin

🕒 12:05–14:00
🏷️ Labels: Mapbox, Javascript, Web Development, Synchronization, Troubleshooting
📂 Project: Dev
⭐ Priority: MEDIUM

Session Goal

The primary goal of this session was to address and resolve synchronization issues with the Mapbox GL Compare plugin, which was affecting the functionality of dynamically changing map styles.

Key Activities

  • Followed up on academic correspondence regarding PhD degree receipt and diploma verification.
  • Engaged in coding activities to comment HTML code, fix JavaScript errors, and troubleshoot CSS issues.
  • Resolved synchronization problems with the Mapbox GL Compare plugin by implementing manual comparison methods and troubleshooting steps.
  • Updated JavaScript functions to correctly construct styleKey and synchronize map styles between two menu groups.
  • Set up event listeners for menu groups to ensure changes trigger the updateMapStyle function.
  • Made necessary adjustments to HTML, CSS, and JavaScript for symmetrical menu group functionality.

Achievements

  • Successfully fixed the synchronization issues with the Mapbox GL Compare plugin.
  • Implemented a robust solution for updating map styles based on user selections from dual menu groups.
  • Enhanced the web application’s interactivity by ensuring proper event listener functionality and style synchronization.

Pending Tasks

  • Verify the final implementation in a production environment to ensure all features work seamlessly.
  • Continue monitoring for any potential issues that may arise with future updates to the Mapbox GL library.

Graph View

Backlinks