map-generator
CommunityCreate interactive Leaflet maps for any location.
Authorvishalsachdev
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Building interactive geographic maps with markers, layers, and custom styling using Leaflet requires specific JavaScript, HTML, and CSS knowledge. This skill automates the generation of complete Leaflet map MicroSims, simplifying map creation for educational content and location-based data visualization.
Core Features & Use Cases
- Interactive Map Generation: Creates Leaflet maps with custom centers, zoom levels, markers, and popups.
- Layer & GeoJSON Support: Supports multiple tile layers (street, satellite, terrain) and GeoJSON for highlighting regions.
- MkDocs Integration: Generates
main.html,style.css,script.js, andindex.mdoptimized for iframe embedding in MkDocs sites. - Use Case: A history teacher needs a map to show ancient Roman cities with descriptions. This skill can generate an interactive map with markers for each city, ready for their online textbook.
Quick Start
Use the map-generator skill to create a map of California with markers for San Francisco and Los Angeles.
Dependency Matrix
Required Modules
None requiredComponents
assetsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: map-generator Download link: https://github.com/vishalsachdev/database-management/archive/main.zip#map-generator Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.