# Need help creating custom button map **URL:** \ **Category:** Need help\ **Created:** [February 3, 2024, 8:23am UTC](https://forum.bubble.io/t/need-help-creating-custom-button-map/305642 "2024-02-03T08:23:32Z")\ **Posts on this page:** 5\ **Page:** 1
**Author:** ![rkhowell21](https://avatars.discourse-cdn.com/v4/letter/r/7bcc69/32.png) [@rkhowell21](https://forum.bubble.io/u/rkhowell21)\ **Post date:** [February 3, 2024, 8:23am UTC](https://forum.bubble.io/t/need-help-creating-custom-button-map/305642/1 "2024-02-03T08:23:32Z")
Hello! I am very new to Bubble, and am using it to start up an app that I have been wanting to create. I want to make a way for people to store their travel adventures by the states of the United States that they travel to. To make this interactive, I want to create a “button map”. This would be a generic line drawing of the United States with all of the states outlined. If the user wants to view their photos from a recent trip to Arizona, they would click on the Arizona outline on the interactive map. This would open a popup that would display all of those photos. The map on the page would look something like this: ![1195856_836](https://us1.discourse-cdn.com/bubble/original/3X/2/b/2b2fda05de20eebc4419108fc9b61ea122b2c10c.jpeg) As I said before, I’m new to Bubble, and so any help pointing me in the right direction would be much appreciated! ---
**Author:** ![MattN](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/mattn/32/100743_2.png) [@MattN](https://forum.bubble.io/u/MattN)\ **Post date:** [February 3, 2024, 9:19am UTC](https://forum.bubble.io/t/need-help-creating-custom-button-map/305642/2 "2024-02-03T09:19:21Z")
This kind of interface isn’t something you can do with Bubble alone. There may be a plugin. Otherwise have a look for an external JavaScript library that can do this sort of thing. You’ll be using the html element to render it (or creating your own plugin). From quick googling: [Interactive Choropleth Map - Leaflet - a JavaScript library for interactive maps](https://leafletjs.com/examples/choropleth/) (There is a plugin for leaflet that may work for this) > **[Free HTML5/JavaScript United States Map - Resources | Simplemaps.com](https://simplemaps.com/resources/free-us-map)** > > A free interactive vector map of the United States built with JavaScript, SVG, and HTML5. Fully customizable colors, url. ---
**Author:** ![rkhowell21](https://avatars.discourse-cdn.com/v4/letter/r/7bcc69/32.png) [@rkhowell21](https://forum.bubble.io/u/rkhowell21)\ **Post date:** [February 4, 2024, 1:07am UTC](https://forum.bubble.io/t/need-help-creating-custom-button-map/305642/3 "2024-02-04T01:07:57Z")
Thank you! ---
**Author:** ![juan0054](https://avatars.discourse-cdn.com/v4/letter/j/cab0a1/32.png) [@juan0054](https://forum.bubble.io/u/juan0054)\ **Post date:** [February 22, 2024, 4:10pm UTC](https://forum.bubble.io/t/need-help-creating-custom-button-map/305642/4 "2024-02-22T16:10:27Z")
Hello Matt, nice to read you about using leaflet library, I have a couple of questions about, I have a leaflet map working on my site, but I wish to add diferent markers stored in a bubble database, like (NameLocation, LatLocation, LongLocation) the problem is, how to add this particular dynamic data in the HTML Block, also to mention I tried in Javascript workflow, but I hadn’t success too. Many Thanks in advance. ---
**Author:** ![system](https://us1.discourse-cdn.com/bubble/original/3X/2/8/2847faa74692c2ffa5d939d3dc3724cdd060d247.png) [@system](https://forum.bubble.io/u/system)\ **Post date:** [April 13, 2024, 8:24am UTC](https://forum.bubble.io/t/need-help-creating-custom-button-map/305642/5 "2024-04-13T08:24:27Z")
This topic was automatically closed after 70 days. New replies are no longer allowed.