I used google maps api v3 to add a map to website. I turned off all the features and did an overlay of the united states. I turned off everything so that it can be zoomed in or panned. It works exactly how we want on the website, but when using and iPhone it can't be scrolled. How do I make it so that it is scrollable on an iPhone.
Thanks
I believe on the iPhone you need to use two fingers to scroll in things like iFrames, or divs with overflow:hidden. Maybe it's the same with your map.
Related
I am experiencing this white margin where tiles are missing only on some devices like Huawei with a 16:9 screen like the P20 Smart. You can see that the view size is correct as the buttons are placed correctly just the tiles are not loaded correctly. I am pretty sure it's some internal issue of Google Maps SDK but any clues how to fix it would be appreciated.
The view is shown as a dialog on top of Unity game.
Anyway, you can set size of your map view larger then screen and use Map padding for correct placing of map controls and Google logo. Something like that:
Updated explanation
For "small view in the middle of the screen" that small view should have parent layout for hiding invisible areas:
I'm working on a mobile website with map support.
The roads and font on mobile maps are too small to read. Example
I would like it to show less detail at this zoom level.
Has anyone come across this before?
Thanks,
Casey Forsyth
PS: I have tested this on a HTC Ace and a BB Z10
The Z10 is more readable but would be very hard to read without perfect eye sight.
I managed to solve this problem by shrinking the size of everything else around the map and since the page is scaled to fit the view port it scaled nicely.
We are using Google Maps API to show a large map with plots on it. The map is displayed on the wall using a big TV.
Is there a way I can increase the font size? The TV has lots of pixels per inch so the fonts in the map show very small.
I know there is high dpi images available for Android browser. (the Maps app does not count)
I know that you can double the scale of static maps API images.
I don't know if I can get these high resolution images on an interactive Google Map. Can I do that, or am I just to stick with zoom feature (I don't like the zoom idea because it looks blurry when you zoom in)
I have a Windows 7 tablet (an ASUS EP121), and I am using a web browser to display a Google Maps-based web application that I have created. Basically, I want the pinch gesture to zoom the Google Map (similar to using the scroll wheel to zoom a Google Map when using a mouse), rather than zooming the entire web page.
In Opera, Firefox, and Chrome, the pinch gesture simply zooms in the entire page. This behavior makes perfect sense for most use cases, but I'm wondering if there is any setting, in any of these browsers (e.g., Opera, FF, Chrome) that can cause the pinch gesture to behave like a mousewheel instead of zooming in the entire page?
Interestingly enough, in Arora, the pinch gesture can be used to zoom in/out a Google Map; however, other issues are preventing me from using Arora effectively that I think will be more difficult to address than the issues I am raising in this question.
Another option would be to disable pinch gestures (I know this is possible in Firefox, I'm sure the other browsers have some means to do the same), and then try to let the application take care of it. Are there any thoughts on going this route? Would something like jQuery mobile be able to accomplish this?
As a last resort, I could use Qt's webkit and implement my own event handling (basically creating a stripped down Arora), but I'm really hoping there's an easier way that utilizes currently available browsers.
Thanks.
If anyone ever runs into the same problem that I had here, I have created a very simple WebKit-based web browser using Qt that implements a pinch gesture and uses it to fire off a scroll wheel event.
It works quite well (especially for Google Maps) and the source is available on github here. I've tested the code on Windows 7 and Ubuntu Linux 12.04; it works without any problems.
I've disabled dragging on my Google Maps component, here's an example:
http://jsfiddle.net/qr2BJ/7053/
However when I'm browsing on my iPhone I can't swipe down "on" the map. So, when the map is taking up most of the screen, mobile users won't be able to swipe (scroll) down to view the rest of the page.
Is there a way to fix this, apart from sticking an extra empty div on top of Google Maps?
I had the same problem on android devices. As they are running on webkit I guess the cause is the same as for iphone. Anyways, a post on the following link addressed the issue and the first answer worked for me: Embed Google Maps on page without overriding iPhone scroll behavior