Skip to content

Commit

Permalink
Additional removal of mobile purchase (#91)
Browse files Browse the repository at this point in the history
  • Loading branch information
@xkomczax
xkomczax authored Mar 22, 2024
1 parent c47e588 commit d0bdbb1
Show file tree
Hide file tree
Showing 3 changed files with 17 additions and 43 deletions.
28 changes: 9 additions & 19 deletions docs/mobile/mobile.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,40 +7,30 @@ description: Create a native mobile app for Android and iOS using the MapLibre S

## Overview

Based on free OpenStreetMap data, it is possible to create beautiful, accurate and fast maps - with native vector rendering, and live customizable styling - directly on a mobile device. The native mobile rendering is fast and response to user touch interaction immediately.
Based on free OpenStreetMap data, it is possible to create beautiful, accurate and fast maps - with native vector rendering, and live customizable styling - directly on a mobile device. The native mobile rendering is fast and responds to user touch interaction immediately.

The map tiles can be easily displayed in custom native mobile applications on Android or iOS or other platforms. The developers can load the map tiles online from a TileServer of a choice or implement offline maps in the app - displaying the maps from downloaded or bundled tile extracts.
The map tiles can be easily displayed in custom native mobile applications on Android, iOS, or other platforms. The developers can load map tiles online from any [vector maps provider](https://www.maptiler.com/cloud/), from an [on-premises map server](https://www.maptiler.com/server/), or implement [offline maps](https://www.maptiler.com/data/) from downloaded or bundled tile extracts.

## Native mobile apps

Our OpenStreetMap vector tiles are encoded in the widely used and openly documented [vector tile format](https://github.com/mapbox/vector-tile-spec). This means the tiles are compatible with all software tools implementing this format specification. The style definition for the design of the map may vary in different tools - our open styles are implemented in [GL Style](https://www.mapbox.com/mapbox-gl-js/style-spec/).
Our OpenStreetMap vector tiles are encoded in the widely used and openly documented [vector tile format](https://github.com/mapbox/vector-tile-spec). This means the tiles are compatible with all software tools implementing this format specification. The style definition for the design of the map may vary in different tools - our open styles are implemented in [GL Style](https://docs.maptiler.com/gl-style-specification/).

The [open-source Mapbox SDK for iOS](https://www.mapbox.com/ios-sdk/) and [SDK for Android](https://www.mapbox.com/android-sdk/) provides the most natural way how to display the tiles and styles in a mobile app natively.

The source code of the Mapbox SDKs is [available at GitHub](https://github.com/mapbox/mapbox-gl-native).

There are alternative open-source SDKs for native mobile apps as well, for example, TangramES or Carto/Nutiteq SDK.
The [open-source MapLibre SDK for iOS](https://docs.maptiler.com/maplibre-gl-native-ios/tutorials/) and [SDK for Android](https://docs.maptiler.com/maplibre-gl-native-android/) provide the most natural way of displaying the tiles and styles in a mobile app natively.

### Sample app for Android and iOS

To demonstrate the capabilities of the SDK and show the performance of OpenMapTiles vector tiles made from OpenStreetMap we have developed a [sample mobile app](/mobile) for both Android and iOS.
To demonstrate the capabilities of the SDK and show the performance of OpenMapTiles vector tiles made from OpenStreetMap, we have developed a [sample mobile app](/mobile) for both Android and iOS.

[<img src='/img/mobile/banner_1.png' style="width:40%;"/>](/mobile)

These apps shows the vector map tiles displayed from a custom tile server, so you can choose a tile hosting service or implement your own. Map tiles can be also bundled with the mobile app or users can download a tileset for a region of their choice.

Displaying of the tiles directly from MBTiles, running in an offline environment, requires patching of Mapbox SDKs. We offer the [complete source code of the demo mobile app](https://openmaptiles.org/mobile-app/) to the interested developers to speed up the start of the development of their own commercial apps.
These apps show the vector map tiles displayed from a custom tile server, so you can choose a tile hosting service or implement your own. Map tiles can also be bundled with the mobile app or users can download a tileset for a region of their choice.

## Packed web applications

An alternative way for the development of multiplatform mobile apps is a use of the existing [web viewers](/viewers/) while using HTML, CSS, and JavaScript and packaging the web applications into native applications with a framework like [Apache Cordova](https://cordova.apache.org/).
The fastest way to develop mobile apps with high performance and access to native features is by using [Flutter](https://docs.maptiler.com/flutter/).

The modern mobile phones support WebGL and maps are acceptably performant, however native apps are still faster and ensure better compatibility with various devices.

While developing the mobile apps in JavaScript users can also use native components such as Cordova app React Native.
An alternative way to develop multiplatform mobile apps is to use the existing [web viewers](/viewers/) while using HTML, CSS, and JavaScript and packaging the web applications into native applications with a framework like [React Native](https://docs.maptiler.com/react-native/).

## Desktop and embedded apps

For the development of native desktop applications and software for hardware appliances with embedded mapping systems powered by Linux and running completely offline with our vector tiles, one can use the open-source [QT SDK](https://github.com/mapbox/mapbox-gl-native/tree/master/platform/qt).

Mapbox GL Native does not compile (yet) on Microsoft Windows. So for fully multiplatform desktop apps with vector tile maps inside, the embedded web window (possibly with [CEF - Chromium Embedded Framework](https://bitbucket.org/chromiumembedded/cef) and enabled WebGL support) is still the best option.
To develop cross-platform map applications with vector tiles, you can use MapLibre or select an alternative such as [CEF - Chromium Embedded Framework](https://bitbucket.org/chromiumembedded/cef) or [MapLibre Native QT](https://github.com/maplibre/maplibre-native-qt).
6 changes: 3 additions & 3 deletions docs/style/maputnik.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,19 +6,19 @@ title: Design a style with Maputnik
description: Edit map style with open-source Maputnik map design tool.
---

[Maputnik](https://github.com/maputnik/editor) is a free and open source visual editor for the [Mapbox GL style specification](https://www.mapbox.com/mapbox-gl-style-spec/). You can either use the online version of Maputnik at [https://maputnik.github.io/editor](https://maputnik.github.io/editor) or [download the editor](https://github.com/maputnik/editor/releases) to use it locally.
[Maputnik](https://maputnik.github.io/) is a free and open source visual editor for the [GL style specification](https://docs.maptiler.com/gl-style-specification/). You can either use the online version of Maputnik at [https://maplibre.org/maputnik/](https://maplibre.org/maputnik/) or [download the editor](https://github.com/maplibre/maputnik/releases) to use it locally.

## Edit the Style online

The easiest way to get started is choosing an existing style as a starting point. On [https://maputnik.github.io/editor](https://maputnik.github.io/editor) you can choose from many existing styles that work well with OpenMapTiles and directly edit them.
The easiest way to get started is choosing an existing style as a starting point. On [https://maplibre.org/maputnik/](https://maplibre.org/maputnik/) you can choose from many existing styles that work well with OpenMapTiles and directly edit them.

Once you are done editing the style you can download the modified style in JSON format.

![Choose style in Maputnik](/media/maputnik_choose_style.png)

## Edit the Style locally

If you want to edit the style locally with the [Maputnik CLI](https://github.com/maputnik/editor/releases), clone one of the OpenMapTiles styles GitHub repository. On [Styles](http://openmaptiles.org/styles) page you can find a list of styles with a preview.
If you want to edit the style locally with the [Maputnik CLI](https://github.com/maplibre/maputnik/releases), clone one of the OpenMapTiles styles GitHub repository. On [Styles](http://openmaptiles.org/styles) page you can find a list of styles with a preview.

In our example, we will use the [Positron style](https://github.com/openmaptiles/positron-gl-style). Clone the repository containing the style JSON file using following command:

Expand Down
26 changes: 5 additions & 21 deletions mobile.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,8 +8,7 @@
<div class="row article">
<div class="col8 pad-0">

<p class="b padt-3">Mobile app with online maps powered by vector tiles hosted on a standard
web server, and with offline maps directly embedded in the app.</p>
<p class="b padt-3">Mobile app with online maps powered by vector tiles hosted on a standard web server, and with offline maps directly embedded in the app.</p>

<div class="row">
<div class="col4 offset1">
Expand All @@ -24,27 +23,12 @@
</div>
</div>

<p>The app can be rebranded and customized to present map layers with new look and
feel, powered by the data hosted on your server or distributed together
with your app!</p>
<p>Presented are online & offline OpenStreetMap vector tiles created by
OpenMapTiles team, designed in MapBox
Studio Classic and stored in MBTiles.</p>
<p>The raster tiles are generated from open data (GeoTIFF geodata) by
<a href="http://www.maptiler.com/">MapTiler</a>.</p>
<p>Presented are online & offline OpenStreetMap vector tiles created by OpenMapTiles team, designed in MapTiler Customize, and stored in MBTiles.</p>
<p>The raster tiles are generated from open data (GeoTIFF geodata) by <a href="http://www.maptiler.com/">MapTiler</a>.</p>

<p>Visualization is made with the open-source MapBox GL library, used
without MapBox hosting plan. Look&feel of the map is derived from the
BSD licensed OSM Bright style made by Development Seed / MapBox, and can
be adjusted to display features, information, and colors according to the
intended use case.</p>
<p>The maps are powered by the MapLibre library, which loads maps from MapTiler Cloud. Look&feel of the map is derived from the <a href="/styles/#osm-bright">OSM Bright style</a>. It can be adjusted to display features, information, and colors according to the intended use case.</p>

<p>The complete source code of this mobile application (as well as source
code of other MapTiler mobile apps) is available to the regular MapTiler
Pro customers. Rebranding, customization, consulting and contracted
development of mobile applications, including geodata processing and
vector tiles in custom coordinate systems is available on request. </p>
<p class="center pady-2"><a class="btn" href="https://openmaptiles.org/mobile-app/">Get source code</a></p>
<p class="center pady-2"><a class="btn" href="https://docs.maptiler.com/flutter/">Develop your own mobile app</a></p>
</div>

<div class="col4">
Expand Down

0 comments on commit d0bdbb1

Please sign in to comment.