Home MH5: Nokia Maps Framework for Mobile HTML5 (Beta)

MH5: Nokia Maps Framework for Mobile HTML5 (Beta)


This article defines the Nokia Maps Framework for Mobile HTML5 (MH5 Framework), explains its purpose, summarizes its features and outlines how it supports third-party application development.

What Is the MH5 Framework?

The MH5 Framework is a JavaScript framework designed for quick and lightweight creation of location-based mobile web apps. You can easily develop your own native-like applications, that benefit from using Nokia’s maps, search, routing, and places services, just like Nokia HTML5 Maps.

Use Cases

The MH5 Framework makes it as easy as possible for cross-platform mobile HTML5 web app developers to use an interactive map in their app. It offers multiple features that you need for creating location-based apps: instantaneous map rendering, huge places database with great looking UI presentation, routing supporting drive, walk, and public transport, and much more. Even if you don’t have expert knowledge in mobile JavaScript development yet, you can easily create location-based mobile web apps using the rich UI components that the MH5 Framework provides. To get started, download the MH5 Framework, check out all the things that Nokia Maps HTML5 has to offer, and then configure the MH5 Framework to make it your own app. If you have expert knowledge, feel free to go deeper to tweak all bits and pieces of your app.
You can combine the MH5 Framework with other JavaScript frameworks like jQuery Mobile or Sencha Touch. You can also push your app to multiple app stores using PhoneGap.
For more information, download the UX Guide.

Feature List

The main features offered by the MH5 Framework are summarized in the table below:

Feature Description
Lightweight Code Integration Integrate ready-built components with only a few lines of code. Can integrate with other JavaScript Frameworks, e.g. YUI, jQuery Mobile, and Sencha.
Rich-UI Components Framework includes components for Maps, Places, Search, Route, and Favorites.
Customizable and Responsive UI Adjust components to fit your branding. Responsive design for phones and tablets.
Ready for Market Wrap into web view, e.g. Phonegap, QtWebkit/Symbian, and get access to native features. Ready for app stores and market places.
Optimized Performance Built with HTML5, highly optimized for mobile devices for reduced size and enhanced performance (smooth panning, quick startup), by applying efficient and modern JavaScript and CSS techniques supported by Webkit browsers.

Platform Support

  • iOS 4.3+
  • Android 2.2, 2.3
  • Nokia N9 (experimental)
  • WebOS (experimental)
  • BlackBerry 7.0+ (experimental)

Source Mobile HTML5 Beta

About ReadWrite’s Editorial Process

The ReadWrite Editorial policy involves closely monitoring the tech industry for major developments, new product launches, AI breakthroughs, video game releases and other newsworthy events. Editors assign relevant stories to staff writers or freelance contributors with expertise in each particular topic area. Before publication, articles go through a rigorous round of editing for accuracy, clarity, and to ensure adherence to ReadWrite's style guidelines.

Get the biggest tech headlines of the day delivered to your inbox

    By signing up, you agree to our Terms and Privacy Policy. Unsubscribe anytime.

    Tech News

    Explore the latest in tech with our Tech News. We cut through the noise for concise, relevant updates, keeping you informed about the rapidly evolving tech landscape with curated content that separates signal from noise.

    In-Depth Tech Stories

    Explore tech impact in In-Depth Stories. Narrative data journalism offers comprehensive analyses, revealing stories behind data. Understand industry trends for a deeper perspective on tech's intricate relationships with society.

    Expert Reviews

    Empower decisions with Expert Reviews, merging industry expertise and insightful analysis. Delve into tech intricacies, get the best deals, and stay ahead with our trustworthy guide to navigating the ever-changing tech market.