SteveJG
November 12, 2025, 1:42pm
2
Your Project requires you do lots of things.
These tutorials may help you with the map
Custom Map Overlay using a FeatureCollection
... uses the online OpenStreetMap geojson.io web site tool to create a detailed FeatureCollection map overlay.
This is a two part tutorial. Part I explains how to use an online tool to create an overlay. Part II explains how to load the overlay into an app that contains a Map component.
Requirements for Part I
Either a WIFI or network connection to access the Internet to display the map.
a created FeatureCollection map overlay
no extensions re…
and
Part II Custom Map Overlay
.. Show the user on the Map and a Custom Map Overlay. Add map 'control' information to the Display.
How to Build this App
[campusExplore]
Part I to this tutorial explained how to make the Custom Map Overlay. This part explains ways to animate and do interesting things with the overlay using the Maps control's object Properties.
This is the map overlay playground experiments Designer.
[campusDetailDesigner]
The tutorial example app works in Android 4.2 - 8.1. …
and
What you have in your FeatureCollectiion are the coordinates of a Polygon with multiple coordinates. A single set of coordinates is necessary to navigate for each building. Make a List of buildings and their coordinate or write very complex code to use the json for the destination coordinates to build your destination selection ListView
An example List for two buildings:
[blocks]
What is possible using a List of Buildings in the form Building, latitude, longitude is shown here:
[Foot] […
For hazard photos, this might help
Can this be done with App Inventor? Yes, be aware it will be complex coding.
to an online database (use CloudDB, FirebaseDB for instance). Use the Camera to take the photo and then post it to the database. Once the images are uploaded, others with your app can view them.
Use the LocationSensor to provide location information of the image taken with the cell phone camera. Display the location using the Map component. It is possible to use the image as an icon (Custom Marker) instead of a …
You need to use the camera to capture images? Camera
To click on an a marker and show a photo of the building etc. you might adapt this example that shows photos of places to use each marker on campus to show images of what is there
HOW TO: Set Runtime Map Marker Characteristics using a CSV file.
A csv file, Map and Marker components, a WebViewer, a ListView and a File or a Web component to build an app that will use spreadsheet data to modify the characteristics of your Map Markers. The database is a spreadsheet on my PC (not a GoogleSheet) or it could be a Google Sheet.
The National Parks tutorial shows one way to plot multiple run time markers using a csv file to an OpenStreetMap. The tutorial discusses various ways …
Start your project and as you progress show what you have done by posting here an image of your Blocks or an aia and ask specific questions to get appropriate advice from the developers in this forum.
Good luck.
1 Like