organicmaps/url-processor
13
Fork 0
Code Issues 2 Pull requests Projects Releases Wiki Activity Actions
url-processor/public/test.html
Alexander Borsuk 6dbdc1c99c Updated API redirect and info 
Signed-off-by: Alexander Borsuk <me@alex.bio>
2022-07-27 23:14:30 +02:00

149 lines
7.5 KiB
HTML
Raw Blame History

<!-- Template which is processed and returned by worker. -->
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Organic Maps API and Deep Links Test Page</title>
<style>
html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
body {
margin: 1rem;
padding: 0;
background-color: #FFF;
font-family: sans-serif;
font-weight: lighter;
}
li {
line-height: 1.5rem;
}
a:hover {
cursor: pointer;
}
</style>
</head>
<body>
<h1><a href="https://organicmaps.app">Organic Maps</a> API and Deep Links Test Page</h1>
<p>
Here you can test some supported API/deep links scenarios.
Please also check Organic Maps <a href="https://github.com/organicmaps/api-android/">Android API</a>
and <a href="https://github.com/organicmaps/api-ios/">iOS API</a> code and examples.
And let us know if something doesn't work.
</p>
<h3>Organic Maps links:</h3>
<ol>
<li><a href="om://o4B4pYZsRs">om://o4B4pYZsRs</a></li>
<li><a href="om://o4B4pYZsRs/">om://o4B4pYZsRs/</a></li>
<li><a href="om://o4B4pYZsRs/Zoo_Zürich">om://o4B4pYZsRs/Zoo_Zürich</a></li>
<li><a href="http://omaps.app/o4B4pYZsRs">http://omaps.app/o4B4pYZsRs</a></li>
<li><a href="http://omaps.app/o4B4pYZsRs/">http://omaps.app/o4B4pYZsRs/</a></li>
<li><a href="http://omaps.app/o4B4pYZsRs/Zoo_Zürich">http://omaps.app/o4B4pYZsRs/Zoo_Zürich</a></li>
<li><a href="https://omaps.app/o4B4pYZsRs">https://omaps.app/o4B4pYZsRs</a></li>
<li><a href="https://omaps.app/o4B4pYZsRs/">https://omaps.app/o4B4pYZsRs/</a></li>
<li><a href="https://omaps.app/o4B4pYZsRs/Zoo_Zürich">https://omaps.app/o4B4pYZsRs/Zoo_Zürich</a></li>
<li><a href="om://map?v=1&ll=1.1,1.2&n=Point1&ll=2.1,2.2&ll=-3.1,-3.2&n=Point3">
om://map?ll=1.1,1.2&n=Point1&ll=2.1,2.2&ll=-3.1,-3.2&n=Point3
</a></li>
<li><a href="om://route?v=1&sll=50.183933,8.942871&saddr=Start%20Point&dll=49.998912,8.278198&daddr=EndPoint&type=vehicle">
om://route?sll=50.183933,8.942871&saddr=Start%20Point&dll=49.998912,8.278198&daddr=EndPoint&type=vehicle
</a></li>
<li><a href="om://route?v=1&sll=47.395084,8.552692&saddr=Start%20Point&dll=47.38568,8.566878&daddr=EndPoint&type=pedestrian">
om://route?sll=47.395084,8.552692&saddr=Start%20Point&dll=47.38568,8.566878&daddr=EndPoint&type=pedestrian
</a></li>
<li><a href="om://route?v=1&sll=47.325975,8.699972&saddr=Start%20Point&dll=47.374074,8.649849&daddr=EndPoint&type=bicycle">
om://route?sll=47.325975,8.699972&saddr=Start%20Point&dll=47.374074,8.649849&daddr=EndPoint&type=bicycle
</a></li>
<li><a href="om://route?v=1&sll=1.337412,103.696997&saddr=Start%20Point&dll=1.343107,103.732609&daddr=EndPoint&type=transit">
om://route?sll=1.337412,103.696997&saddr=Start%20Point&dll=1.343107,103.732609&daddr=EndPoint&type=transit
</a></li>
<li><a href="om://search?cll=47.3813,8.5889&locale=de&query=Mame">
om://search?cll=47.3813,8.5889&locale=de&query=Mame
</a></li>
<li><a href="om://search?locale=ru&query=Цюрих">
om://search?locale=ru&query=Цюрих
</a></li>
<li><a href="om://search?cll=47.3813,8.5889&query=restaurants">
om://search?cll=47.3813,8.5889&query=restaurants
</a></li>
<li><a href="om://search?query=Minsk">
om://search?query=Minsk
</a></li>
<li><a href="om://search?cll=47.3813,8.5889&query=restaurants&map=">
om://search?cll=47.3813,8.5889&query=restaurants&map=
</a></li>
</ol>
<h3><a href="https://en.wikipedia.org/wiki/Geo_URI_scheme">Geo url scheme</a></h3>
<ol>
<li><a href="geo:37.786971,-122.399677">geo:37.786971,-122.399677</a></li>
<li><a href="geo:37.786971,-122.399677,1000">geo:37.786971,-122.399677,1000</a></li>
<li><a href="geo:37.786971,-122.399677;u=35">geo:37.786971,-122.399677;u=35</a></li>
<li><a href="geo:37.786971,-122.399677;z=17">geo:37.786971,-122.399677;z=17</a></li>
<li><a href="geo:0,0?q=37.78918,-122.40335">geo:0,0?q=37.78918,-122.40335</a></li>
<li><a href="geo:0,0?q=37.78918,-122.40335&z=16">geo:0,0?q=37.78918,-122.40335&z=16</a></li>
</ol>
<h3>MAPS.ME url scheme</h3>
<ol>
<li><a href="ge0://o4B4pYZsRs">ge0://o4B4pYZsRs</a></li>
<li><a href="ge0://o4B4pYZsRs/">ge0://o4B4pYZsRs/</a></li>
<li><a href="ge0://o4B4pYZsRs/Zoo_Zürich">ge0://o4B4pYZsRs/Zoo_Zürich</a></li>
</ol>
<h3>Android intent</h3>
<ol>
<li><a href="intent://#Intent;package=app.organicmaps;scheme=om;end;">intent://#Intent;package=app.organicmaps;scheme=om;end;</a></li>
<li><a href="intent://#Intent;package=app.organicmaps.beta;scheme=om;end;">intent://#Intent;package=app.organicmaps.beta;scheme=om;end;</a></li>
<li><a href="intent://#Intent;package=app.organicmaps.debug;scheme=om;end;">intent://#Intent;package=app.organicmaps.debug;scheme=om;end;</a></li>
</ol>
<h3>Google url scheme</h3>
<ol>
<li><a href="https://maps.google.com/maps?z=16&q=Mezza9%401.3067198,103.83282">https://maps.google.com/maps?z=16&q=Mezza9%401.3067198,103.83282</a></li>
<li><a href="https://maps.google.com/maps?z=16&q=House+of+Seafood+%40+180%401.356706,103.87591">https://maps.google.com/maps?z=16&q=House+of+Seafood+%40+180%401.356706,103.87591</a></li>
<li><a href="https://www.google.com/maps/place/Falafel+M.+Sahyoun/@33.8904447,35.5044618,16z">https://www.google.com/maps/place/Falafel+M.+Sahyoun/@33.8904447,35.5044618,16z</a></li>
<li><a href="https://www.google.com/maps?q=55.751809,37.6130029">https://www.google.com/maps?q=55.751809,37.6130029</a></li>
</ol>
<h3>OpenStreetMap url scheme</h3>
<ol>
<li><a href="https://www.openstreetmap.org/#map=16/33.89041/35.50664">https://www.openstreetmap.org/#map=16/33.89041/35.50664</a></li>
<li><a href="https://openstreetmap.org/#map=16/33.89041/35.50664">https://openstreetmap.org/#map=16/33.89041/35.506641</a></li>
<li><a href="https://www.openstreetmap.org/search?query=Falafel%20Sahyoun#map=19/33.89041/35.50665">https://www.openstreetmap.org/search?query=Falafel%20Sahyoun#map=19/33.89041/35.50665</a></li>
<li><a href="https://openstreetmap.org/search?query=Falafel%20Sahyoun#map=19/33.89041/35.50665">https://openstreetmap.org/search?query=Falafel%20Sahyoun#map=19/33.89041/35.50665</a></li>
</ol>
<h3>2GIS url scheme</h3>
<ol>
<li><a href="https://2gis.ru/moscow/firm/4504127908589159/center/37.6186,55.7601/zoom/15.9764">https://2gis.ru/moscow/firm/4504127908589159/center/37.6186,55.7601/zoom/15.9764</a></li>
<li><a href="https://2gis.ru/moscow/firm/4504127908589159?m=37.618632%2C55.760069%2F15.232">https://2gis.ru/moscow/firm/4504127908589159?m=37.618632%2C55.760069%2F15.232</a></li>
</ol>
<div id="console">
</div>
<div id="map" class="map"></div>
<script type="text/javascript">
const LOG = (str) => document.getElementById('console').textContent += str + '\n';
const isiOS = navigator.platform.substr(0, 2) === 'iP' || // iPhone, iPad, iPod, including simulators.
(navigator.userAgent.includes('Mac') && 'ontouchend' in document); // iPad on iOS 13.
const isAndroid = !isiOS && /(android)/i.test(navigator.userAgent);
const isDesktop = !isiOS && !isAndroid;
LOG(`iOS: ${isiOS}, Android: ${isAndroid}, Desktop: ${isDesktop}`);
</script>
</body>
</html>
Reference in a new issue View git blame Copy permalink