Back to Browse

Place Finder App in MIT App Inventor | Maps & OpenStreetMap Tutorial

4.1K views
Jun 17, 2025
30:12

📱💡 Need a custom MIT App Inventor or Kodular app? Struggling with bugs? I've got you covered! Check out my Fiverr gig: https://www.fiverr.com/s/pdGvoB8 I also make native Android apps: Native Android (Java) App: https://www.fiverr.com/s/xXKaq5x 📣 📣 📣 📣 If you liked this video, please consider supporting me by clicking the link below: https://obsidiansoft.gumroad.com/l/cxdft FULL Written Tutorial: https://obsidiansofteducation.com/index.php/mit-app-inventor-maps-tutorial/ AIA Project File: https://obsidiansoft.gumroad.com/l/ehpsw Hello friends, Want to build an Amenity Finder App in MIT App Inventor? In this step-by-step tutorial, you'll learn how to: ✅️ Show your current location on a map ✅️ Use OpenStreetMap API (no API key or credit card required!) ✅️ Let users pick an amenity (like hospital, cafe, ATM, etc.) ✅️ Find all matching places within 2 km ✅️ Add map markers for each location ✅️ Open Google Maps for directions when a marker is tapped This tutorial is beginner-friendly and great for anyone learning MIT App Inventor or building location-based apps. 🔗 Features Covered: ✅️ Map Component ✅️ ListPicker ✅️ OpenStreetMap Overpass API ✅️ Dynamic Marker Placement ✅️ Intent to Google Maps for Navigation 📌 Perfect for: Students, hobbyists, and developers interested in Android app development without coding! Important Codes: Call to Overpass API: 1. https://overpass-api.de/api/interpreter?data=[out:json];node[amenity= 2. Amenity name i.e., whatever has been selected in the list picker. 3. ](around:2000, this means within 2 km 4. User’s latitude 5. , 6. User’s longitude 7. );out; The way to set the activity starter is as follows: Action = android.intent.action.VIEW DataUri is a join of 1. https://www.google.com/maps/search/?api=1&query= 2. The clicked marker’s latitude 3. , 4. The clicked marker’s longitude 👉 Subscribe for more MIT App Inventor tutorials! Intro music: filmora Other MIT App Inventor Tutorials: 🤖 Chatbot powered by ChatGPT https://youtu.be/rFUSqn1uzWA 🪲 Debugging and Coding Tips for MIT App Inventor: https://youtu.be/SYd_Dg6DS8k 🎞️ ❓Movie Quiz App: https://youtu.be/QRNrtZG_5zY 🎤🔦 Voice-operated flashlight (Hands Free) https://youtu.be/24JG5_DmHxQ 🔢 Calculator App: https://youtu.be/DM_KJbit0mM ⌛ Countdown Timer App: https://youtu.be/v454FvH7gNw 🛸 Space Invader Game: https://youtu.be/mPPQVnLJS7U ❓Multiple Choice Quiz App: https://youtu.be/5e4WwpheM8c 🎨 Basic Paint App: https://youtu.be/prmTeD0cacw 🔦 Strobe Light App: https://youtu.be/34VrKj0pYag ⏰ Alarm Clock App: https://youtu.be/txrjTCUbFmI 👻 🔨 Smash the Ghost Game: https://youtu.be/w9pY619xAVU 🎤 Voice Changing App: https://youtu.be/Ko1H_NxtOLk 🎹 Piano App with Record Music feature: https://youtu.be/pCgBwwSiJaI 🛒 Shopping List App: https://youtu.be/kBt2fzEba1c 💬 Chat App (Messenger App) With Topic-Specific Rooms: https://youtu.be/ywuKZuA2csc ❄ Virtual Snow Globe: https://youtu.be/jqVF0ZnbV7A Free REDIS Cloud Account for custom CloudDB and using same CloudDB for multiple apps: https://youtu.be/OoTNCQ_32C0 Create Quiz App linked to custom CloudDB: https://youtu.be/J4ksXNTlq3g Take Quiz App linked to custom CloudDB: https://youtu.be/iOEe8iaMrX8 👤 Basic Login/Sign up Screen App: https://youtu.be/nW_nfbSPDj8 Login/Sign up Screen App with Duplicate User check: https://youtu.be/Cmy0VueB1zc Special Thanks to Filmora for Intro Music Please like my Facebook page and Instagram page for more FREE educational resources. Facebook: https://www.facebook.com/ObsidianSoft/ Instagram: https://www.instagram.com/obsidiansoftapps/ For questions: contact me at [email protected] #androidappdevelopment #mitappinventor #placefinder #hospitalsnearme #hospitallocator #amenity #openstreetmap #mitappinventorproject #appinventortutorial #appinventor #appinventor2 #mobileappdev #mobileappdevelopment Chapters: 00:00 Intro - MIT App Inventor Map 00:15 Demo - MIT App Inventor Map 01:13 UX Design - MIT App Inventor Map 03:22 Code - MIT App Inventor Map 03:30 Global Variables - MIT App Inventor Maps Tutorial 04:38 Marking Home Location - MIT App Inventor Maps Tutorial 11:47 Calling Open Street Map API - Map MIT App Inventor 14:13 Decoding Response from API - MIT App Inventor Maps Tutorial 23:44 Marker Clicked - MIT App Inventor Maps Tutorial 25:15 How to show Choose Dialog in MIT App Inventor 26:06 After Choosing Event - MIT App Inventor Maps Tutorial 27:00 How to open Google Maps in MIT App Inventor MIT App Inventor, Place Finder app, App Inventor tutorial, Find nearby places App Inventor, OpenStreetMap App Inventor, App Inventor map tutorial, MIT App Inventor Google Maps, Overpass API App Inventor, Location based app tutorial, No-code Android app, MIT App Inventor beginner project, Find hospital near me app, ATM locator app, Cafe finder app, Nearby amenities app, Build location app free mit app inventor, mit app inventor project, mit app inventor tutorial, app inventor, app inventor project, app inventor tutorial,

Download

0 formats

No download links available.

Place Finder App in MIT App Inventor | Maps & OpenStreetMap Tutorial | NatokHD