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...