Design and implementation of cross-platform friends-positioning mobile App based on Phonegap and HTML5

Hybrid App is mainly realized by calling each other by JavaScript (JS) and Native, so it implements the mechanism of `one development, multi operation', so it can be called the real cross-platform development. The most striking difference of Hypertext Markup Language 5 (HTML5) and JavaScript from WebApp is that they call the bottom function encapsulated by NativeApp. Hybrid App is characterized by cross-platform as it uses the browser as engine; it has the similar development costs while the far more development efficiency compared with NativeApp. This paper used HybridApp development mode to develop by taking Android platform as the example; with the help of online map service and query interface of MAP WORLD, the foreground show and map interaction were implemented by Openlayers map frame; users' information data was managed by Sqlite embedded database; the mobile devices information were acquired by calling each other by PhonedGap frame and mobile devices; functions like friends-positioning, enquiry POI and north arrow, etc., were realized in this App. This paper also elaborated the prospects and application value of Hybrid App in future mobile development.