Térkép megnyitása mobil alkalmazásban

Weboldalon elhelyezett térkép esetében a mobil eszközök térnyerése miatt egyre nagyobb jelentőséget kap a linket térkép mobil alkalmazásban való megnyitása. Természetesen a legjobb egy olyan megoldás, amivel szét tudjuk választani, hogy PC-n továbbra is böngészőben lehessen megtekinteni a térképet, míg mobil eszközön a telepített akalmazással nyíljon meg, ezzel is elősegítve, hogy szükség esetén könnyen és gyorsan lehessen navigációhoz használni.

Az alábbi egyszerű script oldalba ágyazásával a feladat jól megoldható:

function mapsSelector() {
if /* Ha iOS-t használ, Apple Maps-ben nyílik meg */
((navigator.platform.indexOf("iPhone") != -1) ||
(navigator.platform.indexOf("iPad") != -1) ||
(navigator.platform.indexOf("iPod") != -1))
window.open("maps:https://goo.gl/maps/7gGV1YgG4spKBmcX7");

else /* ha nem mobil, normál link */
window.open("https://goo.gl/maps/7gGV1YgG4spKBmcX7");
}

Ezt követően minden szükséges helyen a következő módon linkeljük:

<a href="#" onClick="mapsSelector()">Térkép</a>

Hátránya, hogy a linket a Google nem tudja indexelni, de talán ez a legkevesebb...