Blog

Are you ready to turn your mobile device into an offline map powerhouse?

Imagine exploring new places with no need for data connections. With Appery.io’s Offline Map app template, you can create a fully functional map app — no coding experience required. Here’s how you can get started today.

To make sure creating this app takes minimum of your time and efforts, you can watch our YouTube video:

Also, you are free to follow our detailed tutorial on using our customizable Offline Map app template. 

In short, the process can be described in the following simple steps:

Step 1: Build Your Offline Map App with Appery.io

Creating your app with Appery.io is a breeze. Simply:

1. Go to the Apps tab in Appery.io.
2. Click Create new app and choose the Offline Map template.
3. Give your app a name, click Create, and your project will be ready in seconds.

This template includes predefined data and settings to make the setup seamless. You’ll see everything organized in the Project view section, with all essential elements already in place.

Step 2: Get a Mapbox Access Token

To activate your maps, you’ll need a Mapbox access token:

1. Visit the Mapbox’s website and generate your unique access token.
2. In Appery.io, navigate to Services > Settings and enter your token.

This token enables the map features and gives you access to interactive, high-quality mapping.

Step 3: Test Your App on a Device

Testing in a browser won’t work due to the native APIs. To test, click to export the app as an APK (Android) or IPA (iOS), or use the Appery.io Tester app for quick previews.

Exploring the Offline Map App

Launch the app, and you’ll see a default map of San Francisco. Test the different view modes, like Streets or Outdoors, to see what suits you best.

Pro Tip: Use the Appery.io Tester app (available for free on iOS and Android) to preview your map instantly before exporting.

Want a full-screen experience? Hide the controls while using the Appery.io Tester.

To go fully offline, follow these steps:

1. Enable online mode on your device.
2. Click Maps to open the preloaded maps page.
3. Download one of the maps — this is what allows offline access later.

Now you’re set to navigate without an internet connection!

Customize Your App

You’re free to modify the template to fit your specific needs. The template documentation provides insights on how to use free maps from resources like MapTiler. Whether you choose free or paid maps, you’ll find options to match your adventure.

Export Your App

When done, take your app on the road! With Appery.io, exporting is easy. For Android and iOS, follow the export guides linked in the template documentation.

Start Navigating — No Connection Required!

With Appery.io’s Offline Map app template, your mobile device becomes a robust, customizable navigation tool. Perfect for travel, hikes, and exploring remote areas, this template takes your app ideas offline with ease.

Happy navigating!

Hi everyone!

We are thrilled to announce that last weekend, another Appery.io release successfully went live!

Let’s take a minute and look at the introduced features and check out how useful they are.

These include:

• Updated Disabled, Visible and Validation properties for the Ionic 5 UI components set;
• Improvements to working with variables;
• SendGrid and Mailgun Server Code plugins updates. We have also provided you with sample apps instructions for both SendGrid and Mailgun as well as with other relating documents so that you could start testing them yourself;
• Encoding to base64 is widely used for Basic authentication and it is now added to the Appery.io system libraries along with decoding, just in case. Check them out here for more details;
• Downloading file(s) from Media Manager;
• An extension on the set of icons that can be applied for iOS Apps binary:

• A modification to the Reorder component, so it is now easy to move and interact with components immediately after adding them:

That’s all for now, but stay tuned! We have more ideas on how to fulfill all of your Appery.io wish lists!

New to Appery.io? Want to build your first app with Ionic 5? Then we highly recommend that you start with our ready-to-go Ionic 5 Custom UI Components App Template. In this template, you can find all Ionic 5 UI components currently presented by Appery.io. You will be able to review all of them in detail and customize any component according to your needs.
Check out our instructional YouTube video to learn how to work with this sample app:

Bonus: we have also added new library versions: jqm 5.3, ionic 4 1.2 and ionic 5 1.1 so new Cordova Android 10.1.0 and Cordova iOS 6.2.0 are now available to our customers.