I'm using Leaflet 0.6.4 to draw a GPS track. In the print preview using IE10 on Win7, the polyline is badly shifted. The markers are displayed correctly.
To reproduce the problem:
Use IE 10
Go to http://en.mycoursewalk.com/course_walk/print/1255
Right click on the white space and select "Print preview".
In portrait it looks fine. However, if you select "landscape" the polyline is then shifted almost off the page.
Any ideas what causes this? Other browsers do not have this problem.
Related
I took highcharts example from their demos and changed zoomType to xy. Problem is with zooming on mobiles. When I am in process of zooming with pinch, the series goes way out of plotting area (in both directions) but it does snap back in correct area when I release the pinch.
codesandbox: https://codesandbox.io/s/91k0lzzxvo?file=/src/Hello.js:2409-2413
fullscreen demo so that it can be opened in mobile phones: https://codesandbox.io/embed/91k0lzzxvo?codemirror=1
We are working on MKOverlayView, below is the expected functionality:
An image has to be overlaid on the map and has to be tilted by a certain angle (bearing).
Issue: When the map is zoomed to the maximum level, one of the corners of the overlaid image is getting truncated. But, Complete image is coming back when zoom out a little bit.
Please find the attached screenshot for reference.
I'm also getting overlaying text being clipped at any zoom level. What I noticed is that it clips at some vertical invisible lines. Those invisible lines, they look like as if they were the actual map tiles.
What it still works is other overlays I have on the map, they don't get chopped.
This started to happen with iOS 10.
In the image, the building outlines –colored- are overlays that don't get clipped, but the text overlays (drawn using drawInRect) they do get chopped. Texts are Very Long text1 to see if it truncates, changing text1 for text2 and so forth.
I'm using openseadragon with the excellent svg overlay plugin.
On Chrome, the app behaves as expected: users can tap to zoom in until a table rendered in SVG is fully visible, the note on the table is legible.
Here's the link to the demo. Zoom out to see the SVG version of the table appear, overlaying the fuzzy raster version of the background.
On Safari on iOS or OSX when zooming past a seemingly arbitrary threshold the table and everything on it start to disappear. The point of disappearance seems to depend on other factors I don't understand, hence this question for insight. For example, a orange circle drawn with two.js will disappear when the scale transform is precisely 51201 (at 51200 the circle is there). For the more complex table SVG, elements on the table will disappear at different scale levels, between ~23000 to 50000. Sometimes they'll disappear and then reappear upon a slight zoom in. Sometimes they'll disappear on zoom and then reappear as I pan around, the objects nearing the edge of the viewport.
IE 11 has a very similar issue.
Has anyone dealt with this before or solved it?
That's a really slick project!
In my experience, that kind of problem with SVG disappearing has to do with extreme amounts of zoom. The good news is you should be able to work around it by changing your viewport coordinates. By default the width of the image is a viewport value of 1, but you can set your image to be width 10,000 or some such, which will look exactly the same on the screen, but it means that the SVG thinks it's zoomed out a lot at first, so when you zoom in you can go a lot further.
If you're using two.js, another possible fix would be to switch over to canvas rendering and use https://github.com/altert/OpenSeadragonCanvasOverlay.
Btw, I'd love to share your project when it's done... please file a ticket at https://github.com/openseadragon/site-build/issues when you're ready and we can add it to http://openseadragon.github.io/examples/in-the-wild/.
I have an OpenLayers map with a large number of markers. Many of these markers are not appearing, but when I move the mouse over the area containing the missing markers, they appear. The page works perfectly in Firefox.
Recently I have encountered a strange behavior from CPTRangePlot (I'm using Core-Plot 1.3).
I have a set of 365 data to display on the screen using CPTRangePlot. It works fine if all 365 points are displayed on the screen.
However, if I zoom in by using plotSpace:willChangePlotRangeTo:forCoordinate method to a certain level, the fill area will be distorted and the plot will be filled incorrectly. If I scroll to another plot range, the distorted area becomes fine and but another distorted area appears.
Everything goes back to normal if I zoom out.
Here are the images for your reference:
Before Zoom in:
After Zoom in:
Any idea what happening here? All other plot types (Scatter, Trading, Bar) work fine when I zoom in/out or scroll :-(
P/S: I tried the latest version of Core-Plot (1.4+) but no success.
This looks like a Core Plot bug—it is skipping points that fall outside the visible area when drawing the fill. Please report this on the Core Plot issue tracker.