GithubHelp home page GithubHelp logo

kawamurakazushi / figma-map-maker Goto Github PK

View Code? Open in Web Editor NEW
39.0 39.0 5.0 3.23 MB

Figma plugin to generate map, supporting Google Maps and Mapbox, featured as #5 product of the day at Product Hunt

Home Page: https://www.figma.com/c/plugin/731312569747199418/Map-Maker

License: MIT License

TypeScript 95.96% HTML 1.14% JavaScript 2.90%
figma figma-plugins

figma-map-maker's Introduction

πŸ‘‹ Hello,

figma-map-maker's People

Contributors

kawamurakazushi avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

figma-map-maker's Issues

Debouce address input.

Currently it is sending request on every change that has been made in the address input.

Should debounce the input to optimize the requests

There should be nice hook.

User contributions for map?

Hi, wondering if it's possible to have users contribute by adding points to the map and rate existing pnaop listing ?

thanks!

Add ability to pan map

Nice job with this plugin. Thanks for your great work. Please I have a suggestion for the ability to pan map to a specific portion of the map so it renders as needed on canvas.

Allow custom map size and remember json styles

Currently map is created at 500x500, it's fine for mobile, but we need bigger maps for wider screens.
Possibility to set size will be helpful.

Also remember json styles from previous use so it's not needed to reenter it all the time.

In Figma App (OSX) Maps are very low resolution

On export and preview in Figma both MapBox and Google Map generated images are low resolution both in the preview and in export. The size of the rectangle doesn't change this resolution.

Support navigation mode / Allow fine-adjustment of the map

Currently, I can put a point of interest which will be locked to the centre of the screenshot. I would like to fine-adjust it by dragging the image but perhaps that is a constraint by Figma.

Here is my problem: I want to prototype a route between location A and B. And not always there is an interesting spot to centre to. I cannot fine adjust and that is frustrating.

I wish I could just add both locations, and the zoom level adjusts accordingly so that both points are at the end of both sides. That would be just as great for me as being able to fine-adjust the location

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.