[WIP] Add option to use picture of a map instead of Google Maps API #3

Closed

Copilot wants to merge 1 commit from copilot/add-map-picture-option into main

Copilot commented

2025-10-26 15:28:46 -05:00

(Migrated from github.com)

Add support for custom map images as an alternative to grid view and Google Maps

Plan

Add configuration option for custom map image URL
Modify HTML to include a custom image map container
Update CSS to style the custom image map view
Update JavaScript to handle toggling between 3 map views (grid, custom image, Google Maps)
Ensure markers work correctly on custom image map
Update documentation in README
Test the implementation with a sample map image

Current State

The app currently supports:

Green checkered grid view (default)
Google Maps view (optional, requires API key)

New Feature

Allow users to configure a custom map image (e.g., a screenshot of their neighborhood from Google Maps, a hand-drawn map, or any other image) as an alternative view. This avoids needing the Google Maps API while still providing a real map visual.

Original prompt

Allow for using a picture of a map instead of the Google maps API as an option. Instead of the green

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

Add support for custom map images as an alternative to grid view and Google Maps ## Plan - [ ] Add configuration option for custom map image URL - [ ] Modify HTML to include a custom image map container - [ ] Update CSS to style the custom image map view - [ ] Update JavaScript to handle toggling between 3 map views (grid, custom image, Google Maps) - [ ] Ensure markers work correctly on custom image map - [ ] Update documentation in README - [ ] Test the implementation with a sample map image ## Current State The app currently supports: 1. Green checkered grid view (default) 2. Google Maps view (optional, requires API key) ## New Feature Allow users to configure a custom map image (e.g., a screenshot of their neighborhood from Google Maps, a hand-drawn map, or any other image) as an alternative view. This avoids needing the Google Maps API while still providing a real map visual. ![Original View](https://github.com/user-attachments/assets/45157dda-2cf0-4276-914f-4f8402d1fdb3)  <details> <summary>Original prompt</summary> > Allow for using a picture of a map instead of the Google maps API as an option. Instead of the green </details>  --- 💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more [Copilot coding agent tips](https://gh.io/copilot-coding-agent-tips) in the docs.

SluberskiHomeLab (Migrated from github.com) reviewed

2025-10-26 15:28:46 -05:00