Comment ouvrir un appareil mobile de l'application carte lorsqu'un utilisateur clique sur un lien?

Vous pouvez utiliser le GEO Schéma d'URI "geo:latitude,longitude" spécifié par RFC 5870 dans un lien tel que

<a href="geo:124.028582,-29.201930" target="_blank">Click here for map</a>

Il y a aussi le comgooglemaps:, qui lance le Application Google Maps pour iOS, par exemple:

comgooglemaps://?center=40.765819,-73.975866&zoom=14&views=traffic

Où

• center: C'est la fenêtre de la carte point central. Mise en forme comme une chaîne séparée par des virgules de latitude,longitude.
• mapmode: Définit le type de carte. Peut être configuré pour: standard ou streetview. Si non spécifié, le courant les paramètres de l'application sera utilisée.
• views: Tours de vues sur on/off. Peut être configuré pour: satellite, traffic, ou transit. Plusieurs valeurs peuvent être définies en utilisant la virgule comme séparateur. Si le paramètre est spécifié sans valeur, alors il va effacer tous les points de vue.
• zoom: Spécifie le niveau de zoom de la carte.

Et comme techtheatre dit, vous pouvez utiliser un Apple Maps lien pour déclencher Apple Maps:

//maps.apple.com/?q=Raleigh,NC

Laissant le protocole permet de sélectionner automatiquement le correct, donc si vous voulez avoir un lien dynamique, vous pouvez simplement créer conditionnelle code qui modifie le lien entre google.com et apple.com selon le système que vous êtes sur.

Voici mon jQuery solution pour ce problème. Je voulais être en mesure de détecter la bonne carte pour l'ouvrir. En 2019, les microformats ne comprends toujours pas le faire automatiquement un lien pour les téléphones mobiles.

J'ai utilisé la solution de cet article https://medium.com/@colinlord/opening-native-map-apps-from-the-mobile-browser-afd66fbbb8a4 mais modifié pour le rendre actuel et dynamique.

Et a modifié le code afin que je puisse avoir un bloc d'adresse dans mon code html. Cette adresse est dépouillé à l'essentiel et envoyées à l'application maps.

HTML

<span class="map-link">6555 Hollywood Blvd<br/>Hollywood, CA 90028</span>

JavaScript

$(document).on('click','.map-link',function() {
    var address = $(this).html();
    address = $('<div/>')
      .html(address)
      .text() //strip tags
      .replace(/\s\s+/g, " "); //remove spaces
    address = encodeURIComponent(address);
    if ((navigator.platform.indexOf('iPhone') != -1) || (navigator.platform.indexOf('iPad') != -1) || (navigator.platform.indexOf('iPod') != -1)){/* if we're on iOS, open in Apple Maps */
        window.open('http://maps.apple.com/?q=' + address);
    } else { /* else use Google */
        window.open('https://maps.google.com/maps?q=' + address);
    }
});

CSS

.map-link { text-decoration: underline; text-decoration-style: dotted;cursor: pointer ;}
.map-link:hover { text-decoration-style:solid;}

Pour moi, la meilleure réponse est d'uniformiser une carte, étiquette, telle que "la CARTE:".

Puis de faire une adresse à invoquer des cartes, préface avec MAP:.

Pour ainsi dire à un ami où quelque chose est, utiliser quelque chose comme: Map: 123 any street PA 98234.

Puis, quand l'adresse est cliqué (pour un téléphone, taraudé), le mappage par défaut application est invoquée.

Ajouté de commentaire:

L'idée était pour les e-mails et des textos, cependant, si vous voulez un exemple de code, cela fonctionne sur android:

try
{
    String uri = "geo:0,0?q=" + Address;
    Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(uri));
    intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
    getApplicationContext().startActivity(intent);
}
catch (SecurityException es)
{
    if (LOG) Log.e("Dbg", "Map failed", es);
}
catch (ActivityNotFoundException e)
{
    if (LOG) Log.e("Dbg", "Map failed", e);
}