LeafletJS 0.8 in Internet Explorer - javascript

I implemented LeafletJS 0.8 in my application. This because of the many bugfixes I needed. However It seems that zooming is not working as expected in IE11
The leaflet is zooming out of its bounds, only in IE11
For a demo see here: http://robballou.com/j/leaflet.php?leaflet=8
Does anyone has an idea what could be happening here?
You do not have to provide valid code, just a point in the right direction would already be very helpful.
Edit: I just tested this on a Windows 7 machine and there are no problems there. It just happens on Windows 8 apparently

Unfortunately, this looks like an IE bug introduced when we added additional hardware accelerated composition in IE for Windows 8 and above. Sorry about that! I've filed a bug for us to investigate: https://connect.microsoft.com/IE/feedbackdetail/view/1085713/transformed-elements-appear-outside-map-extents-in-leafletjs-win8-only
If during our investigation we find an easy workaround for you, I'll come back and post it here.

Related

canvg not working in Edge

I am taking webpage screenshot of svg content using canvg. In Chrome, Opera and IE11 it seems to work fine, however in Edge browser it only weirdly renders black background with no content on the canvas.
Try it here in Edge browser
Open the link above and try the following examples
1) soccer
2) floorplan
I am unable to find the problem. Apparently looks like Edge is not supported by canvg. I hope someone already found a solution for this. It will be a great help!
There's more information about this issue here: https://github.com/canvg/canvg/issues/520
There is currently a merged PR that has not been released as mentioned in the issue and there's a workaround by monkey patching the code from that fix into the canvg code. You may want to subscribe to that issue so you know when the patch is released.

D3 Map Pan and Zoom Performance on Chrome

To make things easier, here is a JSFiddle of what I have.
TRY
In FireFox (version 35.0.1) pan the map. Click and hold anywhere on the map, and move it about quickly left and right. Panning movement should be quick and smooth.
Now try the same in Chrome and you'll see that it is not as smooth! It is a bit jerky/laggy. I find it laggy in the latest version of IE and Opera too.
By the way, if you comment out this style block, then behaviour all of a sudden smooths out and stops being laggy! You won't get a nice map of course.
#map path {
fill: #C9DCC9;
stroke: #066860;
}
SO WHAT?
First of all I would appreciate it if someone can confirm this behaviour on their PCs. I am on Windows 8.1 with all latest updates.
And then, why isn't this behaviour happening on other maps done with D3? This one for example behaves smoothly! Is it to do with the complexity of the polygons?
To fix this, I simplifed the paths of the map. I used the -simplification function on TopoJson.
After the simplification of the paths, the map panning and zooming was super smooth in Chrome, Firefox, Opera and IE 11.
TopoJson is a node package, so you would need to install node and a lot of other dependencies for TopoJson to get it working on windows. If you're lucky it'll work for you on Windows.
I was unlucky so I went and created a Virtual Machine running Ubuntu and in there, the node setup was soo much easier, I managed to do what I wanted in 5 minutes. Compared to days attempting to get this working on Windows.
Anyways, hope this helps. :)

Canvas only drawing in Chrome

http://jsfiddle.net/MP4Yg/5/embedded/result/
Heres a plugin I've been working on to create Hub-Spoke diagrams. I've avoided asking any questions pertaining to this so far (gonna go ahead and pat myself on the back for that one) but, I've now hit a roadblock...
My functions are working great but for some reason only in chrome (and partially in opera). I'm using <canvas> to draw lines between circles, none of which render outside of chrome. I want this to work in at least IE 8+, and it should work in updated FF and Safari, etc.
I'm also self taught on all of this so any suggestions and feedback on my code would be appreciated, although I'm not sure this is the place for that.

Firefox struggling about d3.js svg library?

I coded some d3.j code that is svg visualization library and in my Mint installation firefox is really bad for rendering it. Is it about my installation or is it the general case?
Here is a example link for d3.js example
Almost 2 years later, and the animation in FF is still a problem with FF29. It's a shame.
I had the same problem. Transitions are very slow in FF 15 compared to Chrome and Safari. But you should try FF beta or Aurora. They come with significant performance improvements for SVG transitions and d3.js. My transitions are now running smoothly.

VML issues after applying KB2482017

Up until now I had a well functioning interactive graph on a page rendered using flot. After some patches were pushed, it stopped rendering in IE7. After some trial and error I found that neither flot, nor any other js drawing library (that used excanvas or some derivative for IE fallback) would render on IE7 or IE8 on Windows XP with KB2482017. Windows 7, IE8 with the patch is not affected. I have not tested Vista.
After some digging it seems even basic VML is broken on XP with the patch. Microsoft's own VML sample fails to render.
Has anyone else seen this behavior, and if so, know a workaround?
Here is a screenshot of my reputation graph from a machine with XP, IE7, and the patch applied.
Do you have McAfee antivirus, with HIPS 7.0 ? If so that could be the cause.
Check https://kc.mcafee.com/corporate/index?page=content&id=KB70810 for a similar issue.

Categories