On a webpage i have a google map that should be draggable.
But when dragging the Google Map (is the official web component), Safari drags the whole website (like when dragging an image).
Firefox and Chrome work great (IE not tested).
Any ideas?
MacBook Pro and Safari 7 and 8 where tested.
Would be awesome to hear some ideas.
The drag of the window can be disabled via:
window.ondragstart = function() { return false; }
This solves the issue (although of course the dragging functionality that causes this bug is then disabled)
Related
We run the graphical part of our software in Canvas. With the latest version of Google Chrome (v77) being released, our product doesn't display anything on load. Canvas simply doesn't draw anything.
When you resize the windows or scroll, Canvas draws the elements correctly, but not initially. For every refresh, we are back to a blank page.
If we disable Accelerated 2D canvas, it works. We have tried the upcoming versions of Google Chrome (v78 and v79), and here canvas renders and draws correctly.
Does anybody experience anything similar, i.e. is it a Chrome bug?
Dropzonejs doesn't work with Chrome 77 on Android. It is probably same isue with canvas.
more on this isue here
I'm trying to work out why the StreetView controls don't appear in Chrome browser when StreetView is opened programmatically but they do appear when StreetView is displayed by using the pegman...
Here's the map:
http://beta.findtoilet.dk/?term=2&lat=55.678937&lng=12.575738&zoom=15&maptype=roadmap
Drag pegman to show StreetView and it works perfectly.
You can see the top-right close button, the zoom and compass controls and the bottom left and right Google links.
Now open the infowindow by clicking a marker or a sidebar item.
The infowindow contains a link to open StreetView for that marker - give that link a click.
StreetView displays but none of the controls are visible, neither are the two bottom Google links.
Yet if you hover the mouse where the controls would be displayed the mouse click works just as if the controls were visible.
If you hover the mouse top right until it turns into apointing hand and click where the zoom control would be, the StreetView will zoom in or out and while zooming you can see all of the invisible controls.
Everything works fine with Firefox and IE9.
I'm using the latest versions of all browsers on a 64 bit Windows 7 pc, another person has reported the same problem on 32 bit Windows XP.
I've tried to use the Chrome developer tools but see nothing that would cause the controls to not be visible.
This usedto work fine in Chrome so i'm not sure if the problem is related to a Chrome update or a change in the Google Maps API - no changes have been made to the map javascript recently.
Can anyone suggest what might be wrong?
Thanks.
Martin.
The problem seems to be with -webkit-transform:scale(1) that you apply to the #toiletMap div[style].
Removing this, it fixes the problem..
alternatively, you can add translateZ(0) to fix the problem.
-webkit-transform:scale(1) translateZ(0);
Update
It must be related to
http://code.google.com/p/gmaps-api-issues/issues/detail?id=3928&q=webkit%20Transform&colspec=ID%20Type%20Status%20Introduced%20Fixed%20Summary%20Stars%20ApiType%20Internal
http://code.google.com/p/gmaps-api-issues/issues/detail?id=2835
webkit-transform overwrites z-index ordering in Chrome 13
In Firefox I use a add-on called "Open With" which adds Chrome and Safari icons in Firefox's toolbar. If I want to open the current webpage in Firefox in one of these browsers, I just click that button and the page opens in the chosen browser in a new tab.
I would like similar functionality but in Google Chrome, to be able to send current page to other browsers, mainly to Firefox.
Does anyone know a way or a extension?
In the URL box in Chrome on the left is an icon, sheet of paper. Drag the icon to the firefox window and drop it.
The reverse also works.
If the firefox window is hidden or underneath Chrome then drag the icon to the Taskbar and over the Firefox icon, hold it for a split second and the Firefox window will be brought to the front. Then drop the icon into Firefox.
No extension that I've found yet.
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'm using google map for my application. When I drag my custom map, Blue and black boxes appear at some places instead of default tiles (gray tiles that are shown when images are not loaded) and they disappear when the map is loaded.
I'm testing on google chrome 18 beta. Here's a screenshot
The effect only apears when dragging and disappears after the map is loaded
I think you should not test in beta versions.if all the latest stable versions work than you are ok.It's their job to take care of these kind of problems.