Uploaded November 2025 | Updated September 2026, 1 hour ago

---

Learn how to use the MapSVG WordPress plugin to create customizable, performant map UI components that you can easily style with CSS.

🔥 Try MapSVG Today: mapsvg.com/?utm_campaign=bawoct2025&utm_source=cssweeklyvideo&utm_medium=youtube

💠 Guide to the corner-shape CSS property: youtu.be/oKcrTBjmOio
💌 Subscribe to CSS Weekly Newsletter: css-weekly.com

📖 Chapters
00:00 About MapSVG WordPress plugin
01:36 How to setup Google Maps API key and Geocoding API Key
02:45 How to create Google Map in MapSVG and add it to a page
03:22 Why are MapSVG maps performant
04:15 Overview of customization options in MapSVG
05:51 How to tweak the map colors in MapSVG
06:47 How Regions work in MapSVG
08:00 How to customize Templates in MapSVG
09:17 How to work with Databases and Markers in MapSVG
11:07 How to style MapSVG templates using CSS
13:30 Why you should start using MapSVG

Help support my channel
☕️ Buy Me a Coffee: buymeacoffee.com/cssweekly
💖 Become a member on Patreon: patreon.com/cssweekly
🪧 Buy CSS Stickers pack: stickers.css-weekly.com
👨‍🎓 Get a course: masteringlinting.com

Keep up-to-date with CSS Weekly:
🦋 Bluesky: https://bsky.app/profile/cssweekly.com/
🐦 Twitter: twitter.com/@cssweekly
🎶 TikTok: tiktok.com/@cssweekly
🎇 Instagram: instagram.com/cssweekly
📘 Facebook: facebook.com/CSSWeekly

Keep up to date with what I'm up to:
👨‍💼 Blog: zoranjambor.com
💼 LinkedIn: linkedin.com/in/zoranjambor

- Zoran Jambor
#css #wordpress #mapsvg