Skip to content
Sketch plugin to fill a layer with a map generated from a given location using Google Maps and Mapbox
JavaScript HTML
Branch: master
Clone or download

README.md

Map Generator 3.5 - Sketch App Plugin

Map Generator better than ever!

Design beautiful map interfaces, mobile applications and more in less time with Map Generator 3.5. Now powered by Google and Mapbox.

If you use it and you like it, please consider to make a donation to support its development! 🙏🏼

Buy Me A Coffee

Mapbox

Mapbox

Google Maps

Google Maps

Important, read carefully

From now on you will have to generate your own Google Maps key and your own Mapbox token so that the plugin can generate maps.

During all this time the plugin has used my own Google Maps key and my own Mapbox token but due to the increasing number of people using it, has reached the point where I had to pay more and more in the case of Google Maps, while in the case of Mapbox, over time there have been more failed map requests because the limit of use is exceeded relatively quickly.

Having said that and taking into account that the plugin is completely free, I have made the decision that from now on the plugin will only work if each user provides their own key or their own token. Although this change at first may seem negative, it also brings with it the following benefits:

  • In the case of Mapbox there should no longer be failed requests for reaching the limit allowed because it will no longer be distributed by all users of the plugin, you and only you will use your own token, this will make it virtually impossible to reach that limit.

  • In the case of Google Maps also virtually eliminates the risk of reaching the limit per day that currently exists. You can also generate maps up to 1280x1280 pixels.

The only drawback to take into account is that in order to generate a key for Google Maps, you will have to enter credit card details in the Google Cloud Console. But don't worry, it will be very difficult to pay even a single cent because only you will be using your own key.

In order to help you here you have some guides on how to generate a Google Maps key and a Mapbox token:

How to generate a Google Maps key

How to get your Mapbox tokens

The Google Maps key API and the Mapbox token that the plugin has used so far will stop working on September 30th.

How it works?

Create a shape and select it.
Run the Map Generator Plugin:

Google Maps

Plugins > Map Generator > Generate a Map using Google Maps
Shortcut: Shift+Cmd+M

Mapbox

Plugins > Map Generator > Generate a Map using Mapbox
Shortcut: Shift+Cmd+B

Choose the location, styling and zoom.
Voila! Your shape will be filled with a map.

What’s new?

  • 👉🏼 If you use Mapbox, now you can use your own custom styles!
  • 🔥 Map preview! Now you can see a live preview before generating a map.
  • 📍 You can move the map preview, drag a pin to pick a location and change the zoom with no effort. You can still change the address settings as before if you wish.
  • 💅🏼 A whole new UI.
  • 🌓 Dark mode support.
  • 🛠 Improvements and bugfixes.
  • Thanks to Guillermo for the logo!

Installation

Install Sketch Map Generator with Sketchpacks

Install with Sketch Runner

With Sketch Runner, just go to the install command and search for Map Generator. Runner allows you to manage plugins and do much more to speed up your workflow in Sketch. Download Runner here.

Sketch Runner screenshot

Manual

  1. Download the Zip and unzip the package
  2. Double click on Map Generator.sketchplugin for auto installation

Compatibility

The plugin is compatible with Sketch 4+.

Issues

If you have any questions or troubles with this product, please feel free to open an issue here.

You can’t perform that action at this time.