ui-leaflet Heat Plugin conflicts with ui-leaflet-draw for microsoft browsers - heatmap

I have an AngularJS (1.58) webapp showing some maps with ui-leaflet.
I have integrated the Leaflet.Heat Plugin, successfully. Also, I have integrated the Leaflet.Draw Plugin successfully.
Problem:
The moment Im using both Plugin, Heat and Draw, my webapp is not showing any maps anymore on microsoft browsers (Microsoft Edge, Internet Explorer 11). I have tried to use different combinations of release versions of these plugins to get it to work on every of the common browers. When I bring the leaflet maps back to working on Microsoft Edge, the Heat Plugin is not anymore working (not only ME, also not Opera, Firefox, GChrome).
Summed up:
The latest versions of ui-leaflet, Leaflet, ui-leaflet-draw and Leaflet.Heat
are working fine together on Google Chrome, Firefox, Opera. But the maps are totally disappearing for Microsoft Edge. Older versions are showing maps again for Microsoft Edge, but the Heat Plugin is not anymore working on any browser.
Question: Is there a working combination of versions of these tools for all these browsers (speaking of Google Chrome, Firefox, Opera, Microsoft Edge) together? If so, which versions are them? If not, are there recommended workarounds? Maybe other plugins, which I can use instead for drawing or showing well-looking heatmaps?
Steps to reproduce:
Download the Leaflet.Heat example. Integrate ui-leaflet-draw as Librarys (e.g. via bower).
Test it with Google Chrome, Firefox, or Opera. Depending on your versions, you gonna either see the working Heatmap but tested with Microsoft Edge you dont see any map OR you dont see any heatmap, and microsoft edge shows u a map (also without heat).

Alright, I was focusing my issue and find a solution.
I replaced ui-leaflet-draw with leaflet.Draw plugin and the combination of all 3 worked for all browsers (as long as I am using the correct versions).
So here they are from my bower.json project file:
"dependencies": {
"angular": "1.5.8",
"angular-simple-logger": "~0.1.7",
"ui-leaflet": "1.0.3",
"Leaflet.heat": "https://github.com/Leaflet/Leaflet.heat/archive/gh-pages.tar.gz",
"angular-material": "~1.1.1",
"leaflet.draw": "*"
},
"resolutions": {
"angular-material": "~1.1.1",
"angular": "1.5.8",
"leaflet": "1.0.3"
}
Update: Leaflet 1.0.3 working too and has better user expierence controls then 0.7.x
Enjoy developing nice maps with Heat layers and Draw controls now working for GChrome, Opera, FireFox, and Microsoft Edge! (havent tested IE 11 cuz of lots of other conflicts with angular-material)

Related

Gyroscope doesn't work on Chrome

after multiple search, I can not find the answer, so I appeal to your knowledge. Since the last Chrome update on android, I can not use my gyroscope on virtual tours online anymore. My gyro includes my up and down motion but not right and left. Firefox is ok... Do you have more information?
Thx
It's a Chrome bug introduced in v65, as it appears from here bugs.chromium.org/. I'm using Chrome Beta to keep testing my work that uses the DeviceOrientation API since it works there. This also means that the bug will be fixed once the stable Chrome reaches v66 publicly.

Google "save to drive" button doesn't work in IE11

For some reason I can't get the Google "save to drive" button to work in IE11 - it appears as a black triangle with a popup tooltip saying "Save to Drive is not supported for this browser"
I'm confused as I can't find any reference to this lack of support in the Google documentation (which also appears to refer to the two most recent IE browsers being 9 and 10, but perhaps I'm reading it wrong), and the button appears to work correctly in older and newer versions of Internet Explorer I've tested.
Example page here: http://www.oreilly.com/data/free/analyzing-data-in-the-internet-of-things.csp?download=yes
Well, according to the documentation of Google Drive. The Save to Drive button supports the most recent versions of the following browsers:
Chrome
Firefox
Safari
Internet Explorer (which are IE9 and IE10)
In the case of Internet Explorer, I think as of now it is only available in IE 9 and 10.
I also found out that there is an existing issue about this.

Can't zoom or navigate Google Maps on Windows phone

I have a Windows Phone (a Nokia Lumia) from which I recently encountered an issue. I can't zoom (pinch zoom) or navigate (scrolling with the finger) using Google Maps. It was possible I believe last week or the week before that, but now it's not working anymore.
I can't recall any updates issued in between last working date and now, nor have I fiddled with any options.
I saw in a thread that one could use the options in the browser in order to enable zooming. But this option is not present for me. I use Internet Explorer.
Based from this thread, if it was determined that you are on a desktop version or IE, it will allow zooming to be controlled by mouse. Touch won't work at all. I also found this blog which states that:
The mobile Web version of Google Maps is optimized for WebKit browsers such as Chrome and Safari. However, since Internet Explorer is not a WebKit browser, Windows Phone devices are not able to access Google Maps for the mobile Web.
The desktop version of Google Maps works just fine in these browsers. It's one thing for Google to say the mobile site isn't tested or supported in the mobile browsers, but the desktop version, at least, shouldn't be off-limits. The desktop version may not be ideal in a mobile browser, but it does work.

Google Chrome on 1440p Monitor on Windows 7

I basically tried everything and searched everywhere, but I can't make google chrome "scale" at the res of 1440p. All the things (Websites as well as UI) are way to small to read and use comfortably. I tried to edit the registry, enable chrome flags that are apparently not available anymore and modify the shortcut start parameters. What am I doing wrong?
(Windows is scaled to a 125%)
(Firefox, Opera and IE scale perfectly btw)

Google Maps v3 kml polygon transparency in IE8

Starting some time around March 13th, I started receiving bug reports from
users that my KML polygons were no longer transparent on Windows XP, and IE8.
I did notice Windows XP updates were applied before issues were first reported to me.
The transparency works fine on any other OS/Browser I have available to test.
(Windows XP with Chrome and Firefox, IE11 on Windows 7, Firefox and Chromium on Ubuntu 10)
Nothing has changed in my generation of the map, or the KML it uses.
I've been able to recreate this with a very simple test:
http://itic.occinc.com/googleMapTest.html
It uses this KML:
http://itic.occinc.com/test.kml
I've tried using different colors in the KML with more and less opacity/transparency.
For now I've disabled the polygon filling in my applications, but I'd like to re-enable that.
Any suggestions are appreciated.
This bug was reported at https://code.google.com/p/gmaps-api-issues/issues/detail?id=6540 and should be resolved