Learn how to integrate interactive maps and navigation features in your Mendix Native apps. This guide covers everything from displaying user locations and plotting multiple pins to enabling turn-by-turn navigation and using GPS. Build location-aware apps that feel truly native and enhance user experience.
Go to MX Studio Pro Create a new module MapsAndNavigation.
Go to the domain model & add a new NP entity(Location) with below attributes.
i) Address
ii) Title
iii) Description

Right Click on MapsAndNavigation module -> Add page -> Native mobile & give the name Maps -> Inside navigation layout select NativePhone_Default(Atlas_Core).

MAPS :-
Go to the Maps page & take a dataview -> double click on dataview select nanoflow as DataSource & create a new nanoflow(DS_Location).

Open DS_Location nanoflow -> take a create object activity & create Location object -> set its values & return the object.

Go to Maps page -> Drag & drop maps.

Double click on maps under general tab -> under markers add new & select address , title and description respectively.

Go to Navigation -> Native mobile & add a new item(Maps) and select Maps page.


Now run the application & test it.

When you click on the marker, the title and description will be displayed.
Navigation :-
Go to the Maps page & take a button inside dataview, give the name Navigate.

Double click on Navigate button -> In onClick events select call a nanoflow & create a new nanoflow(ACT_Navigate).

Open ACT_Navigate nanoflow & take a Navigate to activity.

Open Navigate to activity & pass your address.

Now run the application & test it.

When you click on the Navigate button, you will be redirected to your given address on your mobile’s built-in Maps application.

Conclusion:
I hope this article has helped you understand How To Use Maps & Navigation In Mendix Native App.
Thanks for reading this! See you in the next blog post.
