<!DOCTYPE html> <html> <head lang="en"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1"> </head> <body> <p>To test it on the Google Maps view, you should open your <a href="https://developer.chrome.com/devtools/docs/mobile-emulation#emulate-touch-events"> Inspector and emulate a touch-device (by spoofing the user agent).</a>.</p> <p>This is because the userAgent can't be overwritten and Google uses this to identify if there's any touch support.</p> <div id="maps" style="height: 500px; margin-bottom: 20px; -webkit-user-select: none;"></div> <script src="../../touch-emulator.js"></script> <script> TouchEmulator(); </script> <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script> <script> var map = new google.maps.Map(document.getElementById('maps'), { zoom: 14, center: new google.maps.LatLng(51.98, 5.91) }); </script> </body> </html>