Difference between revisions of "Layout"

From Navit's Wiki
Jump to: navigation, search
(Alternate Layouts)
Line 25: Line 25:
<br style="clear:both" />
<br style="clear:both" />
=== 0606.at HDPI/MDPI ===
[[image:File:0606 Screenshot 2012-02-27-22-07-03.png|right|300px|text-top|thumb|Mapnik-style map layout]]=== 0606.at HDPI/MDPI ===
* based on mapnik
* based on mapnik
* optimized for HDPI and MDPI Devices
* optimized for HDPI and MDPI Devices
Line 33: Line 33:
* Used in 0606 Android Layout, see: OSD_Layouts#0606.at Android Layout  
* Used in 0606 Android Layout, see: OSD_Layouts#0606.at Android Layout  
[[0606.at hdpi layout]]
[[0606.at hdpi layout]]  
[[0606.at mdpi layout]]
[[0606.at mdpi layout]]

Revision as of 21:42, 27 February 2012

The way a map and cursor (the thing that shows your current location) is rendered in Navit is controlled by the particular Layout which has been selected. As with almost everything else in Navit, Layouts are highly configurable. Below are user-submitted examples of Navit Layouts.

Adding a Layout

If you want to share a layout with other Navit users, please do so using this page. Leave this page as an introduction to your layout (use the other layout descriptions as a template), and link to a new page in the Layout/ namespace where you can include extra images and the relevant xml code

Alternate Layouts


Mapnik-style map layout

This layout tries to closely mimick the Mapnik rendering style used by default over at OpenStreetMap. It even uses the same icon styles where available (this means you will have to download the relevant icons - a link is provided).

Go to layout


  • Cycle ways are more prominently displayed in purple
  • Routing is shown with a bright green line which is overlaid onto the road, rather than a fat blue line underneath it. Road names appear above the routing line.
  • Zoom settings for various POIs have been changed. For example, fuel station POIs are shown out to quite a far zoom level.
    • I have tried to make sure that POIs which will be most important to navigating drivers are prominently displayed, whilst those which are perhaps interesting but not very useful when navigating are less noticeable and/or only show up when zooming in closer. This is so that unhelpful POIs do not clutter up the map view.
  • Bus stops are shown with a blue ring, until zoomed in quite close when a proper icon is used.
    • There are a lot of bus stops everywhere, and the POI icon was cluttering up the map. The unobtrusive blue ring is still noticeable, but less annoying!
  • Mini-roundabout icons have been removed, and are now shown by black rings.
  • A few POI types which do not appear in maptool's osm.c (i.e. don't actually get converted from OSM and won't currently appear in the Navit data) have been removed.

=== 0606.at HDPI/MDPI ===
  • based on mapnik
  • optimized for HDPI and MDPI Devices
    • only for navigation important POIs are showen
    • reduced visibile elements in higher zoom levels
    • big font sizes for villages and Street names
  • Used in 0606 Android Layout, see: OSD_Layouts#0606.at Android Layout

0606.at hdpi layout

0606.at mdpi layout


Snow-style map layout

Snow style theme, optimised for the iPod/iPhone.

Go to layout


Hi-Vis style layout

Trying to read a computer screen in full sun with aging eyes and sunglasses on while driving is difficult - this high-visibility layout attempts to address those problems.

Go to layout


  • Cursor changes:
    • Enlarged
    • Different colour
  • Altered route colour
  • Street changes
    • street_1_city is brown with a beige border
    • street_2_city is brown with a black border
    • street_3_city is a orange with a grey border
  • Changed activation zoom levels for airport POI icons


bike layout

because all other layouts are not displaying bike paths properly on winCE devices, i've rolled my own. it is simple and needs fixing and refining. most POI's are hidden - this is one of things which should be changed. it is also not independent from car layout - another problem

Go to layout


  • bike paths visible green
  • less confortable but still fine roads are visible in brown
  • everything else is much like car layout
  • no dashed lines - suitable for winCE

Alternate Cursors

The cursor is also defined in the layout, and alternate cursors are shown below. If you would like to share your alternate cursor design, but haven't really changed the rest of the layout, add it below!

2D Car

2D car cursor

2D Car black for 10,2"


2D cursor tangoGPS-like

TangoGPS cursor.png

3D Arrow-head

Note that the screenshot below left was taken on an Android - not all graphics drivers support the drop shadow underneath the arrow, as shown by the screenshot from Navit on Windows Vista (<graphics type="win32"/>) 3D Arrow-head cursor   3D Arrow-head cursor on Windows