This site uses cookies to improve your experience and the quality of our services. By using this site you agree to its use of cookies. More information Hide

MySmartphone App

Table of contents

What is a "MySmartphone App"


Main characteristics of a "My Smartphone App"

  1. A "My Smartphone App" is your app on the 2 main platforms:  iOS platform and the Android platform (not yet on Nokia).
    1. You define the Start-up screen, modules (see below), color/layout, maps, route and POI content
    2. It is your app under your account on the differents app stores
    3. You can define if you provide it for free or you ask a price for it
    4. You define if you want advertisement on it or not
  2. It is created and maintained by RouteYou for you.
    1. A "My Smartphone App" is based on a White Label implementation of an app-environment developed by RouteYou 
    2. We provide the service to upgrade your app when a new iOS or Android version comes out
    3. We submit the app for you on your account (with the title, description, price, categorization... you want)
  3. A "My Smartphone App" allows your users to select a route and follow that route on a map linked to the GPS input from your smartphone
  4. It works also off-line, without internet access.
    1. It allows you to download your routes and POI content but also the underlying maps at the moment you have internet access (on-line mode)
    2. The user can switch between on-line and off-line mode when it is convenient (e.g. to avoid roaming, in a hotel with wifi connection,...) 
    3. Following routes and getting info about POIs along that route and seeing the underlying maps works also in remote areas with no internet access in off-line mode
  5. It has link with the content of your MyRouteYou-Pro account on RouteYou.
    1. This means that you can maintain your routes and POIs (edit, add, remove) via,
    2. This content is synchronized with the app when the app is in on-line mode.
    3. You don't have to resubmit your app if you want to offer new content to your customers

Fig. 1: An app based on popular cycling networks such as "fietsknooppunten"

Examples of different type of apps with different startup screens and different types of content



FIg 2-5: Overview of possible apps

Here are a few examples of apps focussing on different types of usage of routes & routing

Module and configuration-concept

The app-environment we developed is built on a white label concept. It is structured in such a way that it allows us to configure very quickly the main look-and feel aspect and functionality of the app to your liking. You can select from the available modules. On request, we can also develop extra modules with extra functionality. 

It is descibed in detail below what can be configured, but here is a breef overview: 

Overview of the modules and functionality in your app

Start Up module


Fig. 6. The Start Up screen and module

The Start Up Module is ALWAYS the first screen that is shown when the app starts. If nothing is selected, the user stays on this screen (no automatic redirect after a few secs). You define and deliver the Start Up picture (see Fig. 6-1). That can include pictures, logo's, a title,... (but is a raster-image).

The StartUpScreen has two main buttons: 

Info module

Fig. 7. The Info module

The goal of the Info module is to inform the user about the organization behind this App (e.g. contact info) or/and the goal of this app.


Next to the hamburger-menu icon (see Fig.7-1) you can put a small LogoAvatar. This small square represents the logo for the app or your organization. To the right of it, you see the title of your active Module (see Fig.7-2).

Main navigation through the app

Function buttons


Fig.8. Drop down menu or Hamburger menu 

Route Map Overview module

Fig. 9. Route Map Overview module

This module gives you an overview of available routes. This is defined by you. This could be a set of routes in your account(s) on RouteYou or a set of routes in a group(s) on RouteYou.


If the apps starts up and no GPS coordinates are tracked yet, the default area that is shown is the area indicated by the bounding box coordinates (lat,lon) in the configuration stored in the variable AreaOfInterest .

If the user sets the AutoPan as "on" (via the Configuration module, see further), the map pans to that position. In that case the DefaultArea shown on the map is not taken into account.

Your position

If the position of the user is known, it is also displayed on the screen: a red dot with a triangle indicating your direction of movement, if that is known.

Route Icons

If an individual route is shown, it is represented with its Icon (see Fig 9-4). RouteYou can provide default icons, but if you want to change this with your icon, this is possible too. The Icon is positioned at the start of a route. The icon shows also the QualityScore (0-5) indicated by stars. 


In case two or more RouteIcons are very close to eachother (expressed in pixel/screen-units), the routes are clustered as shown in fig 9-5. 
The cluster indicates how many routes are behind the cluster.


The variable MaxRoutes indicates how many routes (including route-clusters) will be displayed on the screen. E.g. If MaxRoutes=150, this means that 150 routes in that area will be queried from the RouteYou servers, and shown on the screen. But if some of these routes overlap, they will be clustered. So, if you would count all the individual shown routes + the numbers mentioned per cluster, you will get to the sum of 150. This doesn’t mean that there are only 150 routes available in that area. It means we only show 150 on the screen.

Advertisement zone

(See Fig.9-1) 

Clicking on an icon

Fig. 10. Clicking on an item in the RouteMap Overview

When clicked on an individual route, you get to see a pop-up area with the route info. There are two action buttons sending you to the Route Info module or the Route Viewer module. 


Fig. 11. Clusters in the RouteMap Overview

When clicked on a cluster, you get a pop-up with a list of the titles of the routes within the cluster

Clicking on the titles brings you to the RouteView Module.

Panning and zooming is also possible on (any) map.

Route Info module


Fig. 12. Route Info module

The RouteInfo Module shows you the following info of the route

Route View module


Fig. 13. RouteView module

The RouteView module is the MAIN core module to be used in this app! If no GPS position is known or the AutoPan setting is off and the complete route is displayed on the screen (BestFit). The user can pan or zoom in. If the AutoPan is on, the screen will reposition to the position of the user, so he/she can use it to naviate and follow the route. 

Your position and direction is indicated with a red dot + triangle (as now on (see fig 13-7)

If two or more POIs are too close to eachother (defined by PoiClusterDistance in pixel units), they will cluster in the same way as the clustering described with routes (see fig 13-4)


The Autopan allows the user to follow easily the route when walking/cycling/driving. The maps pan with your position. The maps don't move/pan all the time, but at the moment it is necessary. The Autopan works on the following principle: If you would keep on following your same traject, you will pan in such a way that your map moves as few times as possible.


Fig. 14. Route View module with POI info pop-up

Clicking on a POI opens the POI info in a POI-Pop Up Screen (see Fig. 14).

If the PoiNeighbourhoodWarning is on (see Settings module), an BEEP should is given when you are in the neighbourhood of a POI. The “neighbourhood” is defined by the PoiNeighbourhoodDistance in the configuration and settings.

The POI info popo-up screen automatically opens in case it is set as such in the configuration.

Route List module

Fig. 15. Route List module

The RouteList module gives an overview of routes. The active list of routes could come from the RouteMapOverview module or the RouteSearch module or the initial setting when the app is started.

The list contains he following info

The sorting is based on highest score + most recent at the top. Selecting the Info button brings you to the RouteInfo module of that route. Selecting any other part of the list element, brings you to the RouteView module.

Route Search module

Fig. 16. Route Search module

The RouteSearch Module allows you to search a route

Settings module


Fig. 17. Settings module

The UserSettings module allows the user to reset or change (some of) the default settings. The default settings are defined in the Configuration, but some items can be changed by the user. 

Off line/On line module


Fig. 18 Off line/online module

The Off line/On line module handles the switch between the app working in off line and on line mode. The default is that the user gets a list of routes from where he/she can mark/select routes to use in off line mode. The user can mark one or more routes for download. When the “Start Download To get off line” button is hit, we go to the download action.

The download should try to download all the selected routes one by one unless there is not enough space on the device.


Also the required MapTiles in the neighborhood of the routes are downloaded for off line. 

From off-line to online

When the Off-line action is successful, the device switches to off-line mode.

All functions in the app should work in online mode (connection with the internet). Some modules will work in off-line mode (see below). To be able to work off line, a list of routes, their content (including POIs) and their map tiles are stored in memory that is also available when the app is switched off and on again.

When in off-line mode, the user will get to see the function (it will NOT be blocked) but will get a clear error-message that this functionality is not supported in off-line mode. In each of these modules, it is explained how to deal with the functionality when in off-line mode (if unclear).


Content Code module

COntentCode module

The ContentCode has the following function. When an end-user fills in the Content Code, ONLY the content (Routes with POIs) linked to that ContentCode will be visible to the end-user. All the modules above are available but on for the routes linked to that ContentCode.

A good example of this use is the “Walks near my Hotel"-app already mentioned above. 

Another good example is the “TravelAgency-app”

Another good example is the “Promotion-app”

The “CityApp”

Overall layout 

The overall layout is defined in the following configuration variables and you can define this to your liking in the app.


Contact sales[at-r.]

For a list of the RouteYou functionalities per type of account: have a look at the RouteYou Functionality Overview per accounttype.

Technical info

Splash screen image resolution and ratio (PNG Image)

For iOS

For Android

Uploading your app

If you want to launch your own app, you have to register and upload the app (we will provide that). The procedure to do so is different for Goolge and Apple.

Take ino account that in general it takes 

For iPhone

Creating an account

Uploading to an existing account


For Android

Follow the procedure described here

© 2006-2017 RouteYou -