Redirect user to Google Maps application


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,
google.maps.event.addDomListener(window, 'load', initialize);
asked by anonymous 26.11.2015 / 16:37

1 answer


I think this code would solve your problem:"geo:"+latitude+","+longitude+"" , "_system");

It also offers both native and google maps for the user, and if you want it to open in iOS:"maps://"+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="'geo:-7.0995734, -34.8410316', '_system')> Clique aqui para abrir seu mapa

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*/
26.11.2015 / 16:59