GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → eddiesigner → Sketch Map Generator

eddiesigner / Sketch Map Generator

Licence: mit
Sketch plugin to fill a shape with a map generated from a given location using Google Maps and Mapbox

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

googlemapssketch-plugingoogle-mapsmapboxsketchapp

Projects that are alternatives of or similar to Sketch Map Generator

Mappa
A canvas wrapper for Maps 🗺 🌍
Stars: ✭ 290 (-64.81%)
Mutual labels:  google, mapbox, maps
Benmaps.fr
Web maps that don't track you.
Stars: ✭ 147 (-82.16%)
Mutual labels:  google-maps, mapbox, maps
Eon Map
Realtime maps with PubNub and MapBox.
Stars: ✭ 121 (-85.32%)
Mutual labels:  google-maps, mapbox, maps
Placepicker
Free Android Map Place Picker alternative using Geocoder instead of Google APIs
Stars: ✭ 126 (-84.71%)
Mutual labels:  google, google-maps, maps
Leku
🌍 Map location picker component for Android. Based on Google Maps. An alternative to Google Place Picker.
Stars: ✭ 612 (-25.73%)
Mutual labels:  google, google-maps, maps
svelte-mapbox
MapBox Map and Autocomplete components for Svelte (or Vanilla JS)
Stars: ✭ 267 (-67.6%)
Mutual labels:  maps, google-maps, mapbox
Sketch Image Compressor
A Plugin for Sketch that compresses your bitmap assets, to keep filesize to a minimum.
Stars: ✭ 338 (-58.98%)
Mutual labels:  sketchapp, sketch-plugin
Vehicle In Motion
This is a basic implementation of location listener using Google Maps Api
Stars: ✭ 339 (-58.86%)
Mutual labels:  google, maps
Sync.sketchplugin
Keep your design team in sync!
Stars: ✭ 357 (-56.67%)
Mutual labels:  sketchapp, sketch-plugin
Compo Sketch
Makes it easier to work with interface components in Sketch
Stars: ✭ 486 (-41.02%)
Mutual labels:  sketchapp, sketch-plugin
Sketch Connection Flow Arrows
Plugin for generating easy to use connection flow arrows in Sketch
Stars: ✭ 275 (-66.63%)
Mutual labels:  sketchapp, sketch-plugin
Mapbox Gl Native
Interactive, thoroughly customizable maps in native Android, iOS, macOS, Node.js, and Qt applications, powered by vector tiles and OpenGL
Stars: ✭ 4,091 (+396.48%)
Mutual labels:  mapbox, maps
Sort Me Sketch
Sort artboards and layers by name
Stars: ✭ 547 (-33.62%)
Mutual labels:  sketchapp, sketch-plugin
Mapdeck
R interface to Deck.gl and Mapbox
Stars: ✭ 296 (-64.08%)
Mutual labels:  mapbox, maps
Gmscore
Free implementation of Play Services
Stars: ✭ 4,356 (+428.64%)
Mutual labels:  google, maps
Keys For Sketch
Advanced shortcut manager for Sketch app.
Stars: ✭ 281 (-65.9%)
Mutual labels:  sketchapp, sketch-plugin
Jquery Store Locator Plugin
A store locator plugin using Google Maps API version 3
Stars: ✭ 471 (-42.84%)
Mutual labels:  google-maps, maps
Google Map React
Google map library for react that allows rendering components as markers 🎉
Stars: ✭ 5,529 (+571%)
Mutual labels:  google, maps
Gmaps
Google maps for Jupyter notebooks
Stars: ✭ 705 (-14.44%)
Mutual labels:  google-maps, maps
Artboard Manager
Because moving Artboards manually is *so* 2016
Stars: ✭ 672 (-18.45%)
Mutual labels:  sketchapp, sketch-plugin
View All Similar Projects ➔

🗺 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! 🙏🏼

Donate

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?

  1. Save your Google API Key or your Mapbox tokens in the plugin settings.

  2. Create a shape and select it.

  3. 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

  1. 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

  1. Download the latest release of the plugin and unzip the file

  2. Double click on Map Generator.sketchplugin and 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!

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].