{"enrichment":{"faq":[{"a":"UX Map lets you add interactive maps to Symfony applications using either Leaflet or Google Maps as your renderer. Define your map in PHP, render it in Twig templates, and layer on Stimulus controllers for event handling. UX Map supports markers, polygons, polylines, circles, and popup info windows out of the box.","q":"How do I add interactive maps to Symfony with UX Map?"},{"a":"UX Map supports both Leaflet and Google Maps renderers. You choose and configure which renderer to use based on your project needs. Both options integrate seamlessly with Symfony and Twig, letting you switch between them without rewriting your map definitions.","q":"Can I use Leaflet or Google Maps with UX Map in Symfony?"},{"a":"UX Map makes adding markers straightforward\u2014define them in your PHP controller with latitude and longitude coordinates, then render them in Twig. You can attach popup info windows to markers and handle click events using custom Stimulus controllers for interactive functionality.","q":"How do I add markers to a map in UX Map?"},{"a":"Yes, UX Map supports drawing multiple shape types including polygons, polylines, and circles. Define these shapes in PHP with your coordinate data, render them in Twig, and customize their appearance. You can also handle shape interactions through Stimulus event controllers.","q":"Does UX Map support drawing shapes like polygons and polylines?"},{"a":"UX Map integrates with Symfony's LiveComponent to build reactive, real-time maps. This lets you update map content dynamically without full page reloads, making it ideal for store locators, live tracking, and other real-time mapping features.","q":"Can I build reactive, real-time maps using UX Map?"},{"a":"Common map rendering issues in UX Map include zero-height containers and missing API keys. Ensure your map container has explicit height styling, verify your Google Maps API key is configured correctly if using Google Maps, and check browser console for JavaScript errors. UX Map documentation covers troubleshooting these configuration problems.","q":"Why is my map not showing in Symfony, and how do I fix it?"}],"shadow_tags":["geospatial-ui","location-services","map-rendering","marker-management","shape-drawing","tile-layers","event-handling","reactive-mapping","api-integration"],"summary_rewrite":"UX Map brings interactive mapping to Symfony applications using either Leaflet or Google Maps as your renderer. Define maps in PHP, render them in Twig, and layer on Stimulus controllers for event handling. Supports markers, polygons, polylines, circles, and popup info windows."},"files":[{"bytes":12191,"path":"skills/ux-map/SKILL.md","sha256":"7d73aaf1bbf80a4dd156f77b6482f9672abce53fd96f10373b3b217726842add","url":"https://skillfed.io/files/smnandre/symfony-ux-skills/ux-map/84dc2c22/SKILL.md"}],"id":"smnandre/symfony-ux-skills/ux-map","links":{"html":"https://skillfed.io/smnandre/symfony-ux-skills/ux-map","md":"https://skillfed.io/smnandre/symfony-ux-skills/ux-map.md","repo":"https://github.com/smnandre/symfony-ux-skills"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":12,"language":null,"last_updated":"2026-06-14","license":"MIT","name":"ux-map","publisher":"smnandre","stars":164},"relations":{"similar":[{"id":"horuz-ai/claude-plugins/react-google-maps"},{"id":"smnandre/symfony-ux-skills/symfony-ux"},{"id":"AMap-Web/amap-skills/amap-jsapi-skill"},{"id":"smnandre/symfony-ux-skills/stimulus"},{"id":"smnandre/symfony-ux-skills/twig-component"},{"id":"smnandre/symfony-ux-skills/ux-icons"},{"id":"smnandre/symfony-ux-skills/live-component"},{"id":"smnandre/symfony-ux-skills/turbo"},{"id":"besoeasy/open-skills/city-distance"},{"id":"Guiziweb/guiziweb-plugins/init"}]},"slug":{"owner":"smnandre","repo":"symfony-ux-skills","skill":"ux-map"},"version":"84dc2c22"}