Jak utworzyć link dla wszystkich urządzeń mobilnych, który otwiera google maps z trasą zaczynającą się w bieżącej lokalizacji, wyznaczającą dane miejsce?

[4]} Co ciekawe, linki otwierają się bezpośrednio w Apple Maps na urządzeniu z systemem iOS lub przekierowują do Google Maps w inny sposób( który jest przechwytywany na urządzeniu z Androidem), więc możesz stworzyć ostrożny adres URL, który będzie działał poprawnie w obu przypadkach za pomocą adresu URL "Apple Maps", takiego jak:]}

http://maps.apple.com/?daddr=1600+Amphitheatre+Pkwy,+Mountain+View+CA

http://maps.google.com/?daddr=1+Infinite+Loop,+Cupertino+CA

Po prostu wpadłem na to pytanie i znalazłem tutaj wszystkie odpowiedzi Wziąłem niektóre z powyższych kodów i zrobiłem prostą funkcję js, która działa na android i iphone (obsługuje prawie każdy android i iPhone).

  function navigate(lat, lng) {
    // If it's an iPhone..
    if ((navigator.platform.indexOf("iPhone") !== -1) || (navigator.platform.indexOf("iPod") !== -1)) {
      function iOSversion() {
        if (/iP(hone|od|ad)/.test(navigator.platform)) {
          // supports iOS 2.0 and later: <http://bit.ly/TJjs1V>
          var v = (navigator.appVersion).match(/OS (\d+)_(\d+)_?(\d+)?/);
          return [parseInt(v[1], 10), parseInt(v[2], 10), parseInt(v[3] || 0, 10)];
        }
      }
      var ver = iOSversion() || [0];

      if (ver[0] >= 6) {
        protocol = 'maps://';
      } else {
        protocol = 'http://';

      }
      window.location = protocol + 'maps.apple.com/maps?daddr=' + lat + ',' + lng + '&amp;ll=';
    }
    else {
      window.open('http://maps.google.com?daddr=' + lat + ',' + lng + '&amp;ll=');
    }
  }

Html:

 <a onclick="navigate(31.046051,34.85161199999993)" >Israel</a>

To działa dla mnie na wszystkich urządzeniach [ iOS, Android i Windows Mobile 8.1].

<a href="bingmaps:?cp=18.551464~73.951399">
 <a href="http://maps.apple.com/maps?q=18.551464, 73.951399"> 
   Open Maps
 </a>
</a>

Http://jsbin.com/dibeq

if (navigator.geolocation) { //Checks if browser supports geolocation
navigator.geolocation.getCurrentPosition(function (position) {                                                                                            
 var latitude = position.coords.latitude;                    //users current
 var longitude = position.coords.longitude;                 //location
 var coords = new google.maps.LatLng(latitude, longitude); //Creates variable for map coordinates
 var directionsService = new google.maps.DirectionsService();
 var directionsDisplay = new google.maps.DirectionsRenderer();
 var mapOptions = //Sets map options
 {
   zoom: 15,  //Sets zoom level (0-21)
   center: coords, //zoom in on users location
   mapTypeControl: true, //allows you to select map type eg. map or satellite
   navigationControlOptions:
   {
     style: google.maps.NavigationControlStyle.SMALL //sets map controls size eg. zoom
   },
   mapTypeId: google.maps.MapTypeId.ROADMAP //sets type of map Options:ROADMAP, SATELLITE, HYBRID, TERRIAN
 };
 map = new google.maps.Map( /*creates Map variable*/ document.getElementById("map"),    mapOptions /*Creates a new map using the passed optional parameters in the mapOptions parameter.*/);
 directionsDisplay.setMap(map);
 directionsDisplay.setPanel(document.getElementById('panel'));
 var request = {
   origin: coords,
   destination: 'BT42 1FL',
   travelMode: google.maps.DirectionsTravelMode.DRIVING
 };

 directionsService.route(request, function (response, status) {
   if (status == google.maps.DirectionsStatus.OK) {
     directionsDisplay.setDirections(response);
   }
 });
 });
 }

Cóż, nie, od potencjalnego dewelopera iOS, są dwa linki, które Wiem, że otworzą aplikację Maps na iPhone

Na iOS 5 i niższych: http://maps.apple.com?q=xxxx

Na iOS 6 i nowszych: http://maps.google.com?q=xxxx

Poza tym będziesz musiał użyć schematu URL, który w zasadzie bije cel, ponieważ żaden android nie pozna tego protokołu.

Możesz chcieć wiedzieć, dlaczego Safari otwiera aplikację Maps i Chrome przekierowuje mnie na stronę?

Cóż, ponieważ safari jest wbudowaną przeglądarką stworzoną przez apple i może wykryć powyższy adres URL. Chrome to "tylko kolejna aplikacja" i musi być zgodny z ekosystemem iOS. Dlatego jedynym sposobem komunikowania się z innymi aplikacjami jest użycie schematów URL.

Na podstawie dokumentacji parametr origin jest opcjonalny i domyślnie odpowiada lokalizacji użytkownika.

... Defaults to most relevant starting location, such as user location, if available. If none, the resulting map may provide a blank form to allow a user to enter the origin....

Ex: https://www.google.com/maps/dir/?api=1&destination=Pike+Place+Market+Seattle+WA&travelmode=bicycling

Dla mnie to działa na pulpicie, IOS i Android.

Stwierdziłem, że to działa na wszystkich płaszczyznach:

<a href="https://www.google.com/maps/place/1+Fake+Street,+City+Province/State>Get Directions</a>

Dla komputerów stacjonarnych / laptopów użytkownik musi kliknąć wskazówki, gdy ładuje się Mapa, ale z moich testów wszystkie urządzenia mobilne załadują ten link w aplikacji Google Maps bez trudności.