Redirect user to Google Maps application

Question

Redirect user to Google Maps application

Navigation

#1 by (2 votes)

4

I'm developing a responsive website and using the Google Maps API to generate the company's location map.

I would like when the user was accessing the site by a mobile device and clicking on the map or even a link, was redirected to the Google Maps application and passed the route, so he would not have to type the address and search.

var myCenter = new google.maps.LatLng(-7.0995734, -34.8410316);
 function initialize()
    {
      var mapProp = {
      center: myCenter,
      zoom: 16,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };

var map = new google.maps.Map(document.getElementById("googleMap"), mapProp);
   var marker = new google.maps.Marker({
                position: myCenter,
            });
           marker.setMap(map);
        }
google.maps.event.addDomListener(window, 'load', initialize);

javascript google-maps

asked by anonymous 26.11.2015 / 16:37

1 answer

Add 3 graphs using plot How to remove an already selected item from a multiple upload

score 2 · Accepted Answer

I think this code would solve your problem:

javascript:window.open("geo:"+latitude+","+longitude+"" , "_system");

It also offers both native and google maps for the user, and if you want it to open in iOS:

 javascript:window.open("maps://maps.apple.com/?q=:"+latitude+","+longitude+"");

You can for example create one that gets values in lat long if it is dynamic, but from what I saw your data is static, then it's simpler, go to your html and insert this sample code:

<div class="meuMapa"> 
  <a onclick="javascript:window.open('geo:-7.0995734, -34.8410316', '_system')> Clique aqui para abrir seu mapa
  </a>
</div>

Or simply call a function on your onclick where it checks the device type, for example:

var devicePlatform = (navigator.userAgent.match(/iPad/i))  == "iPad" ? "iPad" : (navigator.userAgent.match(/iPhone/i))  == "iPhone" ? "iPhone" : (navigator.userAgent.match(/Android/i)) == "Android" ? "Android" : (navigator.userAgent.match(/BlackBerry/i)) == "BlackBerry" ? "BlackBerry" : "null";
if((devicePlatform == iPhone) || (devicePlatform == iPad))
{
   /*sua chamada de função*/
}