Openlayers 3 point, polygons, linestring are rendered but not visible - openlayers-3

On Chromium OS, Chromium browser i open my ol3 app and i cant see point, polygons, linestring features.
They appear and disappear , blank page is getting displayed.
How do i solve the paint issue ?

Related

OpenLayers keyboard zoom not working in electron environment

I have a electron app that is used to do network graph analysis based on real world graphs such as electric networks. At the moment I'm trying to implement an option where I layer the graph over a map and one can see the exact position of the nodes on the map. It looks like this:
Adding the map is done by open layers. I also want to be able to pan and zoom in while the map is shown. For this the map and graph have to move together. This should be possible with keyboard commands of the arrow keys and + and - .
When I use the arrow keys to direct up ,down ,left ,right everything works apart from open layers loading the map slower than the graph moves sometimes. But when I zoom with the keyboard the map from open layers is not zooming at all. I also tried every key on the keyboard and apparently there is not a single key that zooms the map eventho I activated the keyboard in the options.
The + and - keys generally work in the electron app so this is not a problem. Furthermore, the graph also zooms. It's just the map that does not.
Is there a way to fix this? If not what would be the best option to find a different solution than using the keyboard buttons?

Marker based Augmented Reality not planing properly to marker on mobile devices only

I’m working on creating a marker based AR game using AFrame 1.2.0 and ar.js 3.3.3. The display shows 2D images of animals that the user has to “find”. The whole game functions well now, but I was running into an issue of photos appearing distorted or warped. I figured out that the issue is the marker’s plane is not being read correctly by mobile devices. The pictures below include a red cube to show the issue better. The top one is on a PC’s webcam and shows correctly the box is mounted to the marker. The bottom one shows the box is not mounted to the marker.
I figure that the issue is either mobile device’s gyroscope features or that the screen dimensions are affecting the aspect ratio of the screen.
I’ve tried a few properties on Aframe’s a-entity, such as look-controls=‘Enabled:false’ and look-controls=‘magicWindowTrackingEnabled: false’. Neither of those made a difference. I haven’t found properties within ar.js to use. Just wondering if anyone has come across this issue and found a fix.
images planing correctly with the marker
images not planing correctly
arjs comes in two different, mutually exclusive builds - Image + location based tracking, and marker tracking (link).
Importing the wrong one may/will cause incorrect behavior like the one you experience.

swift wants to show interactive SVG map with zoom in, out & user selection features

I have a map image in svg wants to display it on the screen so user can zoom in zoom out can touch on some specific points & I'll show up some popups.
Anyone have idea that how can I achieve this I'm also attaching a png photo of that map.
Any help will be highly appreciated.
You can achieve this by using the satellite view of google maps editing in the image is apparently is not possible

SVG clear and fast using ios native pinch-to-zoom but not with 3d css transforms

Hi I've run into a very weird issue. Keep in mind this is all using iOS 6.1 mobile safari on an iPad 3.
So I have a large SVG file with around 1500 objects (simple ones like rectangles). If I load this svg file straight into safari it is very fast and responsive. I can pan and pinch to zoom very fast and everything renders crystal clear.
However, this is not sufficient for the website I am creating. I need to be able to load the svg file into a div and still let the user pan and zoom. To do this I added some touch event handlers and animated the svg with 3d CSS transforms. It works very well for panning however, when I zoom into the svg it begins to get pixelated.
This is very confusing because both of these approaches are using hardware acceleration but the latter looks blurry and pixlated while the former does not.
Anybody know why this is and how I can fix it?
Thanks.
FYI this is to how I would pan and zoom the svg:
<div style="-webkit-transform: scale3d(4, 4, 1) translate3d(20px, 100px, 0px);">
<svg version="1.1" width="1024px" height="512px">
...
</svg>
</div>

Video in Fusion Tables info window gets truncated or doesn't show

I added YouTube videos to a column using the old embed code and setting the column to 8-line image.
When I embed my map in another site, the videos don't show at all or get severely truncated, as this image shows.
Sometimes when viewing the map in FT itself, a white square shows up above the video window. When I pan the map around with the info box open, that white square remains in place, obscuring the video.
Any ideas?
It's possible that the 8-line image format is causing the problem. Try removing this format, keeping the column Type Text and Format set to None.

Resources