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.
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
When a user is drawing a polygon on a map in draw mode in openlayers 3, I am detecting whenever they have any lines that self-intersect, and when this is the case, I want to prevent them from drawing any new points until the lines no longer intersect. I am able to detect when lines are intersecting, but I am having difficulty disabling the user from being able to click the map and putting down more points when the intersecting lines condition is true. Does anyone know how I could do this with openlayers 3? Thank you!
I was able to solve this by creating a tiny no click div that followed around the mouse. When I detected that two lines were intersecting I increased the z-index of this div above the map using jquery so the map could no longer be clicked on.
I'm looking for a way to overlay the iOS maps with a grid. The complete earth needs to be divided into squares. The location of the user doesn't effect the placement of the squares (In other words; the squares are always placed the same. On every iPhone, no matter where the user is).
I Looked into MKOverlay, but I've never used this so it's very new to me. Also, when zooming in/out should effect the overlay. It's very important that the squares are always covering the same area on the map (For example; A square should be 100mx100m in real world, when you zoom out, the square should cover the same 100x100).
Is there anybody that can point me in the right direction?
Is it possible to draw the grid from een .xml? Example given; On .XML is holding all squares with their coordinates on the map. When the user loads the map, the 100 squares around the user are loaded.
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.
I have an iPad App which includes a Google Map. On that Map I can draw lines and place markers with Google Map API V3. All done with jQuery Mobile and PhoneGap.
The Problem I have is that I need a higher Zoom on the Map, than Google provides me.
I did that with setting CSS scale to the Google Map div. The Zoom is working.
The problem is:
If I place Markers on the zoomed Map they are not on the Place, where I click. They appear somewhere else on the map, because of the Div Zoom is changing coordinates.
If I scale the App on iPad, it is working. However I only want to scale the map and not the whole app.
Thanks for any help or ideas.
Use the <meta name="viewport"> tag to control scaling.
Don't use CSS zoom. Use the setZoom method on the Map object in the Maps API.
See the reference.
I would change your approach by using the zoom CSS property (which should be supported by iOS WebKit) instead of a CSS transform. So your FSuperZoom function becomes
function FSuperZoom(wert) {
ZoomWert = wert/10;
$("#map_canvas > div > div:first-child").css("zoom",ZoomWert);
}