Give this a try: https://www.openstreetmap.org/#map=5/38.007/-95.844 Follow these directions: https://medium.com/@sam__rye/a-guide-to-creating-scalable-vector-maps-92e891f0ad3e A quick test and I was able to download an SVG. It's got more clipping paths than you can imagine but the data is all vector. Answer from graphicdesigncult on reddit.com
🌐
Snazzy Maps
snazzymaps.com › style › 93610 › vector-map
Vector map - Snazzy Maps - Free Styles for Google Maps
February 15, 2017 - Vector map Chris Swasko View Map Download Image · Customize Download image NEW · 100% Fit to screen · 100% 75% 50% 25% Chris Swasko · February 15, 2017 · 23389 views · 91 favorites · replicates transit vector map style · light · SPONSORED BY · Atlist is the easy way to create maps with multiple markers.
🌐
Snazzy Maps
snazzymaps.com › style › 38830 › vector
Vector - Snazzy Maps - Free Styles for Google Maps
September 7, 2015 - Vector Hamish Jackson-Mee View Map Download Image · Customize Download image NEW · 100% Fit to screen · 100% 75% 50% 25% Hamish Jackson-Mee · September 7, 2015 · 265086 views · 417 favorites · Simple Vector World map · light dark greyscale · SPONSORED BY ·
Discussions

How to convert map into vector file such as this? - General talk - OpenStreetMap Community Forum
So I am trying to convert this into simple vector file in Adobe Illustrator. However, when I export the map from website, the file itself is so big that my computer laggs. I tried to edit map in Illustrator on multiple computers but same result. How would you guys go about getting this desired ... More on community.openstreetmap.org
🌐 community.openstreetmap.org
0
January 22, 2024
How do I add A Snazzy map for personal use - Google Maps Community
Skip to main content · Google Maps Help · Sign in · Google Help · Help Center · Community · Google Maps · Terms of Service · Submit feedback · Send feedback on More on support.google.com
🌐 support.google.com
August 20, 2021
resource recommendations - How to create an outlined drawing of a map or easily turn a Google Maps screenshot into one? - Graphic Design Stack Exchange
I could probably figure out how to do one, but I have to do like, 30 of these and I want to learn how to make it quick and painless. My first thought was using Live Trace in Illustrator, but I'm not More on graphicdesign.stackexchange.com
🌐 graphicdesign.stackexchange.com
February 15, 2013
Snazzy Maps: a collection of different color schemes for Google Maps that's aimed at designers/developers. The Google Maps API allows for custom styles to be applied to maps, giving you the ability to match the design of your website.
Oooh, I like "Midnight Commander". Makes me want to make a hip spy thriller starring Matt Damon. More on reddit.com
🌐 r/web_design
17
239
October 5, 2013
🌐
OpenStreetMap
community.openstreetmap.org › general talk
How to convert map into vector file such as this? - General talk - OpenStreetMap Community Forum
January 22, 2024 - So I am trying to convert this into simple vector file in Adobe Illustrator. However, when I export the map from website, the file itself is so big that my computer laggs. I tried to edit map in Illustrator on multiple c…
🌐
Snazzy Maps
snazzymaps.com
Snazzy Maps - Free Styles for Google Maps
Snazzy Maps is a repository of different color schemes for Google Maps aimed towards web designers and developers.
🌐
TopView AI
topview.ai › blog › detail › create-custom-google-maps-complete-in-adobe-illustrator-snazzy-maps-2021
Create Custom Google Maps (Complete) in Adobe Illustrator & Snazzy Maps (2021)
August 1, 2024 - Q4: How do I convert my Snazzy Maps image to a vector in Adobe Illustrator? A4: Use the Image Trace feature in Adobe Illustrator and select options like "3 Colors" or "High Fidelity" to convert your image to a vector.
🌐
Google Support
support.google.com › maps › thread › 122189523 › how-do-i-add-a-snazzy-map-for-personal-use
How do I add A Snazzy map for personal use - Google Maps Community
August 20, 2021 - Skip to main content · Google Maps Help · Sign in · Google Help · Help Center · Community · Google Maps · Terms of Service · Submit feedback · Send feedback on
🌐
Brandfetch
brandfetch.com › snazzymaps.com
Snazzy Maps Logo & Brand Assets (SVG, PNG and vector)
November 3, 2021 - Snazzy Maps is a brand that has created a vibrant and supportive community focused on enhancing the appearance of Google Maps for web designers and developers. With a mission to help developers and designers match the look of their website with the Google Map, Snazzy Maps offers a range of free and open-source map styles.
Find elsewhere
🌐
Softonic
snazzy-maps.en.softonic.com › home › wordpress › personalization › snazzy maps
Snazzy Maps for WordPress - Download
August 25, 2025 - Snazzy Maps for WordPress, free and safe download. Snazzy Maps latest version: Enhance Google Maps with Snazzy Maps. Snazzy Maps is a WordPress plugin
Rating: 9/10 ​ - ​ 1 votes
🌐
YouTube
youtube.com › watch
How To Download Custom 4K Maps and Make Vector, using Photoshop and Illustrator | Snazzymaps - YouTube
In this comprehensive tutorial, I will guide you through the process of downloading custom 4K maps from snazzymaps and transforming them into vector graphics...
Published   May 24, 2023
🌐
Snazzy Maps
snazzymaps.com › style › 41062 › export-simplicity
export simplicity - Snazzy Maps - Free Styles for Google Maps
a simplified map for a detailed analysis of road network in the area. i need it because i can now use this to make vector files via illustrator and add descriptive text to my hearts content
🌐
Snazzy Maps
snazzymaps.com › style › 221052 › band-w-vector
B&W VECTOR - Snazzy Maps - Free Styles for Google Maps
July 4, 2018 - B&W VECTOR Alexis Giraud View Map Download Image · Customize Download image NEW · 100% Fit to screen · 100% 75% 50% 25% Alexis Giraud · July 4, 2018 · 3278 views · 34 favorites · Minimalist style in the aime to vector the file · light no-labels simple ·
🌐
Snazzy Maps
snazzymaps.com › press › download › SnazzyMaps-Icon.ai
Download vector (.ai)
Download the Snazzy Maps Press Kit to receive a .zip file with our logos, icons, and screenshots. The file also includes a PDF document, which talks about Snazzy Maps and our story.
🌐
Snazzy Maps
snazzymaps.com › press
Press - Snazzy Maps - Free Styles for Google Maps
It was in December 2014 that we released Snazzy Maps 2.0, which included our map styling tool. In March 2015, we released the Snazzy Maps WordPress Plugin. Our first open source project, Snazzy Info Window, was released in November 2016 followed by the ability to download map images in April 2017.
🌐
Medium
medium.com › @sam__rye › a-guide-to-creating-scalable-vector-maps-92e891f0ad3e
A Guide To Creating Scalable Vector Maps | by Sam Rye | Medium
June 30, 2021 - The benefit of an .SVG file, for those of you who aren’t in the know, is that it is a ‘Scalable Vector Graphic’, which means that you can increase the size of it without getting that horrible pixelation that maybe you’ve seen when people blow up a JPG which isn’t big enough. Anyway, this setting allows you to select your area and download in a number of formats: PNG, PDF, JPG and SVG.
🌐
SoftArchive
stfalcon.com › en › blog › post › free-map-creation-tools-for-designers
Free tools for designers: map creation | Stfalcon
20 hours ago - Here’s an example of a resource that has collected a lot of ready-made vector maps of almost all regions and even streets from different Github repositories. The designer only needs to register and various maps will be available for download in an unlimited number.
🌐
Pinterest
ch.pinterest.com › pin › 451345193883133163
Pinterest
June 6, 2015 - Snazzy Maps is a repository of different color schemes for Google Maps aimed towards web designers and developers.
Top answer
1 of 5
22

Update (2020)

So I just got an upvote on this and had an inkling that this might be a tad outdated and turns out it was.

As far as I can tell the wizard in my previous answer (↓) has been scrapped and has been replaced with this new Styling Wizard.

Here's a link to the API doc, if you want to read a bit more on the coding side of things. And some info on where you get the API key.

I also found a 3rd party service called Snazzy Maps, which does pretty much the same thing but serves as a gallery of community made styles



Old answer:

Styled Maps Wizard ( link ) does the job.

It does have pretty good instructions that show up when you open up the website. Those instructions can be accessed at any point with the help button at the bottom of Map style panel ( shown in the image below ).

Below are the styles I used to create the static map on the right ( and in this link ).


You also may be interested in this.

2 of 5
20

Assuming there isn't a reason why it has to be the Google-copyrighted maps you use, I'd use OpenStreetMap for this (the open source wikipedia-style Google Maps alternative).

They're virtually identical but their license (Creative Commons Attribution-Sharealike) explicitly allows this sort of thing including for commercial work, so long as they're credited and you share the work you make with their data under the same licence, whereas Google are strict about usage of their maps unless you pay for an expensive license.

You can also output vectors, but the downside is, as is often the case with open source stuff, it's not slick and takes trial-and-error to get it all working...


Edit: the earlier version of this answer recommended using Open Street Map (OSM)'s export to PDF and SVG tools. I'd now recommend against fighting with these: they're junk. Not only are the files produced a mess (see edit history for examples - and the latest don't even open for me), but the tools almost never work, failing with a hopelessly misleading error message about "server load" being too high (<25), recommending trying again in a few minutes - but the server load is always far over 25 except for a few hours in European night time (and even then not all days).

There's a wiki with loads of alternate options, but all of these I've tried either don't work (many of them), don't work for anything except a close up of a few streets (MapOSMatic), give grainy pixel images in a PDF rather than actual vectors (Field Papers and Walking Papers), or where the "installation" process is more like configuring an entire server (most of them)...

There is however one process which seems to work:

  1. Install Maperitive (free, simple install on Windows, requires a dependency on Mac / Linux).
  2. Export the area of the map you want from Open Street Map. You might need to use one of the alternate links if it says the area is too large. Warning: for any area larger than a small town, files sizes are absurd. County level is 300mbs+. Countries will be many gigabytes. It gives you every single unnecessary detail at every zoom level below the area you specify, and there seems to be no facility to change this. Clearly no-one at OSM has ever heard of county maps, country maps or region maps.
  3. Open it in Maperitive. You might need to change the file extension to .osm before it'll open
  4. Change the rendering rules (what it shows and how) to ones which aren't insane.
    • You can get something pretty decent with Map > Switch to rules > googlemaps
    • Or, there's a huge amount of customisation you can do if you have the patience to tinker with the code with Map > Edit rendering rules
  5. Use Map > Set printing bounds to set the area you want (it creates a near-invisible box filling the screen: zoom out and/or drag from a corner), and View > zoom to set the zoom level. Everything outside of the "printing bounds" will be cropped.
  6. Export it with Tools > Export as SVG (Adobe Illustrator)

Note that if you want real vectors you must download then open the export from OSM rather than just browsing around in the default map that shows when you load up Maperitive - else it'll give you a fake SVG full of chopped up low quality bitmap tiles.

Another note - sometimes it doesn't actually update the file. If the file isn't changing, make sure you don't have it open in anything, and wait a few minutes between exporting and opening.