I want to share how one can now use the zoom feature to create an “uber-like” map. In the application example provided below, you can render to a repeating group those locations and markers visible within the mapview. As you modify which markers are visible in the map, the repeating group in turn displays information about those visible markers.
Thank you to those who make the zoom feature available to us as well as to the other bubblers who share my interest in the feature.
@neerja
@Tomdez1989
@seanhoots
@AliFarahat
Disclaimer: I am a total Bubble hack and not a programmer or developer in the professional sense. My solution is a sloppy, clumsy attempt at achieving the aforementioned functionality, so I would love for one of the actual developers in this forum to make this effect available in a cleaner, more stable manner.
As my attempt does not pretend to be an actual solution, there are a few limits worth noting. First, the solution I hobbled together requires a 400 pixel by 400 pixel “Google Maps Extended” plugin. Second, I shaded those areas of the map where visible map markers will not render data in the corresponding repeating group since this solution is based upon the radius from the center of the map and not the full bounds of the map. Third, the solution is dependent upon a couple of tables I added to the example database that make the computation required possible. There may be an easier approach using plugins, but I was unable to figure out how to do it. Without the calculations, the solution would inaccurately display in the repeating group what is visible on the map due to the way the circumference of the earth changes, depending on your latitude. What is visible on the map in the southern U.S. might represent a mile radius while the same size map shown at the same zoom level at the northern-most tip of Alaska would only represent half a mile radius.
To make the example work, you will need to add your own Google API key. You can add information the the incident database that contains the location data or drag the map to Albuquerque to see the locations already entered. (I live near Albuquerque, so I entered in some random locations there)
As this was my first attempt to post an application to the forum, and given that I am still pretty lame when it comes to my Bubble skill level, I may have either exposed important personal information in the example application or failed to do something to make is accessible by anyone who might be interested, or both. Feel free to let me know if I need to do anything to either secure the example application or make it more accessible.
Click the big blue button to start. Enter Albuquerque, NM as the address to search, and then click and drag the map, hiding and revealing the map markers. Watch the repeating group respond.
–Destry