Sketch Map Generator
| Project Name | Stars | Downloads | Repos Using This | Packages Using This | Most Recent Commit | Total Releases | Latest Release | Open Issues | License | Language |
|---|---|---|---|---|---|---|---|---|---|---|
| Mapbox Gl Js | 9,890 |  | 3,008 | 835 | 3 days ago | 183 | August 23, 2022 | 1,081 | other | JavaScript |
| Interactive, thoroughly customizable maps in the browser, powered by vector tiles and WebGL | ||||||||||
| Kepler.gl | 9,412 |  | 3 | 15 | 5 days ago | 15 | September 16, 2021 | 559 | mit | TypeScript |
| Kepler.gl is a powerful open source geospatial analysis tool for large-scale data sets. | ||||||||||
| React Map Gl | 7,142 |  | 725 | 246 | 2 days ago | 264 | August 18, 2022 | 50 | other | TypeScript |
| React friendly API wrapper around MapboxGL JS | ||||||||||
| Mapbox Gl Native | 4,265 | 381 | 36 | a month ago | 216 | September 25, 2020 | 303 | other | C++ | |
| Interactive, thoroughly customizable maps in native Android, iOS, macOS, Node.js, and Qt applications, powered by vector tiles and OpenGL | ||||||||||
| L7 | 3,076 |  | 2 | 42 | 4 days ago | 475 | September 20, 2022 | 115 | mit | TypeScript |
| 🌎 Large-scale WebGL-powered Geospatial Data Visualization analysis engine | ||||||||||
| Tilemill | 3,005 | 9 months ago | 410 | bsd-3-clause | JavaScript | |||||
| TileMill is a modern map design studio | ||||||||||
| Leaflet Providers | 1,900 |  | 118 | 13 | 10 days ago | 60 | October 19, 2021 | 12 | bsd-2-clause | JavaScript |
| An extension to Leaflet that contains configurations for various free tile providers. | ||||||||||
| Mapbox.js | 1,882 |  | 402 | 48 | 5 months ago | 71 | May 01, 2020 | 89 | other | HTML |
| Mapbox JavaScript API, a Leaflet Plugin | ||||||||||
| Airmapview | 1,824 | 12 | a year ago | 18 | October 10, 2019 | 27 | apache-2.0 | Java | ||
| A view abstraction to provide a map user interface with various underlying map providers | ||||||||||
| Maps | 1,726 |  | 18 | 5 | a day ago | 39 | March 06, 2022 | 28 | mit | Java |
| A Mapbox react native module for creating custom maps | ||||||||||
🗺 Sketch Map Generator 4
Map Generator better than ever! ✨
Design beautiful map interfaces, mobile applications and more in less time with Map Generator. Now powered by Google and Mapbox.
If you find this plugin useful, please consider to make a donation to support its development! 🙏🏼
Preview
Important
You will need to provide your own Google Maps API Key or your own Mapbox tokens so that the plugin can work properly.
To know how to generate your Google API Key and your Mapbox tokens please follow the steps described in these guides:
If you already use this plugin please backup your Google API Key, Mapbox tokens and map settings. The plugin will try to use the data you have saved but if something unexpected happens, it is better to have that data at hand.
Features
- 🗺 Generate maps with Google Maps
- 🗺 Generate maps with Mapbox
- 🎨 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
- 💅🏻 Snazzy styles support
- ✨ A beautiful whole new UI
- 🌓 Dark mode support
- 🤙🏻 An improved user experience
- 🛠 Several improvements and bugfixes
How it works?
-
Save your Google API Key or your Mapbox tokens in the plugin settings.
-
Create a shape and select it.
-
Set your map settings:
Google Maps
Plugins > Sketch Map Generator > Generate a map using Google Maps... or press ^ + Cmd + G
Mapbox
Plugins > Sketch Map Generator > Generate a map using Mapbox... or press ^ + Cmd + B
- Press the button to generate the map and voila! Your shape will be filled with a beautiful map.
You can also generate with a single command the last map you created:
Plugins > Sketch Map Generator > Generate previous map or press ^ + Cmd + P
Installation
Manual
-
Download the latest release of the plugin and unzip the file
-
Double click on
Map Generator.sketchpluginand you're ready to go
Install with Sketch Runner
Open Sketch Runner and run the Install command, then search for Map Generator and hit the Get button.
FAQ
What versions of Sketch are supported?
The plugin is compatible with Sketch 53+
Does this plugin need an API Key or API token?
Yes. You need to provide an API Key for Google Maps and you also need to provide a public and a secret token for Mapbox.
Do I have to pay to use this plugin?
No. Although a credit card is required to get a Google Maps API key. Don't worry, it will be almost impossible for you to have to pay a single penny.
Does this plugin support retina? Yes.
There are some size limitations?
Yes. Currently Google Maps images can be returned in any size up to 640 x 640 px. Currently Mapbox images can be returned in any size up to 1280 x 1280 px.
Issues
If you have any questions or troubles with this product, please feel free to open an issue here.
Credits
Thanks to Guillermo for the icon!
