Geek Answers Handbook

Google Map Touch events on the HP touchscreen

I am developing a HP Compaq L2105tm touch screen web application in a Windows 7 window. When I open maps.google.com in Chrome, the map works fine with the zoom and other touch events that you expect from a touch screen. However, when I use the following code to create an integrated Google map, touch events do not work properly. (The pinch zoom does not work.)

<!doctype html> <html lang="en"> <head> <style> html, body, div#map { width: 100%; height: 100%; } </style> </head> <body> <div id="map"></div> <script src="http://maps.googleapis.com/maps/api/js?sensor=true"></script> <script> (function() { var div = document.getElementById('map'); var lat = -36.5; var lng = 150.5; var options = { center: new google.maps.LatLng( lat, lng ), mapTypeId: google.maps.MapTypeId.ROADMAP, zoom: 8 }; var map = new google.maps.Map( div, options ); })(); </script> </body> </html>

My question is why maps.google.com works at maximum zoom and my map does not work at maximum zoom in the same browser / touch environment?

UPDATE

This problem was fixed in error.

https://issuetracker.google.com/issues/35824421

and was resolved in version 3.27 of the Google Maps JavaScript API in December 2016.

+4
source share
2 answers

Looks like the new api addresses of this

https://developers.google.com/maps/documentation/javascript/basics#Mobile

0
source

I have the same problem and I really spoke with someone on the Google Maps Api team and they know about this problem. Unfortunately, there is no timetable when it will be considered. Therefore, I think you can be comforted in knowing that they know that this is a problem.

+4
source

More articles:


All Articles