We are going to display a map (with custom tiles overlays) in a webview on mobile device, when there are no connections, we had to support loading low-res version of the map (with custom tiles overlays) from the device. while open layer 2 does have some examples about it. We can't found any with open layer 3. We would like to know more on it, so it would not too late to take any alternative solutions.
Related
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.
The iPhone 7 plus and 8 plus (and X) have an effect in the native camera app called "Portrait mode", which simulates a bokeh-like effect by using depth data to blur the background.
I want to add the capability to take photos with this effect in my own app.
I can see that in iOS 11, depth data is available. But I have no idea how to use this to achieve the effect.
Am I missing something -- is it possible to turn on this effect somewhere and just get the image with it applied, rather than having to try and make this complicated algorithm myself?
cheers
Unfortunately portrait mode and portrait lighting aren't open to developers as of iOS 11 so you would have to implement a similar effect on your own. Capturing Depth in iPhone Photography and Image Editing with Depth from this years WWDC go into detail on how to capture and edit images with depth data.
There are two sample projects on the developer site that show you how to capture and visualize depth data using a Metal shader, and on how to detect faces using AVFoundation. You could definitely use these to get you started! If you search for AVCam in the Guides and Sample Code they should be the first two that come up (I would post the links but stack overflow is only letting me add two).
I read here that it's possible to add big custom image as part of MapBox.
But now i'm trying to find out how it can be implemented in latest SDK version, and it's seems like there is no such option.
Is it possible to achieve this?
It is possible. You will need to modify your own Mapbox GL Style.
One way to do it is from Klokantech
This project from github.com/klokantech can show you how to structure your Mapbox GL Style.
Mapbox also has some great resources
Option 1 — upload your raster to Mapbox Studio
Option 2 - Please check out the example from Mapbox. Custom raster style. Use legacy raster tiles on a map.
This screen cap gives an example of how I've done it in the past for iOS. This example serves up local PNG's in an iOS app.
If you’re looking to place a geo-rectified image onto a map, that isn’t possible yet with the Mapbox iOS SDK.
Using annotations for this purpose (view-based or GL-based) isn’t quite supported yet, either. Once view-based annotations completely support flatness and ignore map rotation, that may be an adequate workaround. Look for those features in v3.3.0+.
I would love to reproduce GoogleHeart-like 3D map flyover even when offline.
As of iOS 7 MapKit allows us to draw custom offline tiles. It also allows us to set a Camera in order to see the map in 3D or 2.5D as you may wish to call it.
I was wondering: can I draw a 3D shape like Apple does for its flyover feature, on my custom tiles?
I need to apply a "bump-map" to the map in order to get a GoogleHeart-like 3D view and I was wondering if Apple would allow me to do just that with iOS 7 and custom tiles rendering + camera settings.
Thanks
I have experimented pretty extensively with this, but there is no supported way to do this. Right now, Apple only offers raster tile-based overlay, albeit with automatic 2.5/3D transformation when overlaid on a map. Hopefully in the future they will support 3D API and/or custom, say, OpenGL-based augmentation to the map.
I'm trying to make an offline map using iOS MapBox SDK. It's easy to make square map (eg. 32x32 tiles) but for some reason it doesn't work when I try to make rectangle map (eg. 40x32 tiles). It loads but it shows only a small portion of the map or skips some tiles. It just doesn't look as it should.
My .mbtiles looks correct, I checked .mbtiles and specification and it doesn't mention that there might be any problem with non-square maps.
Although, .mbtiles that comes with MapBox offline example called control-room-0.2.0.mbtiles is also square so maybe it's not possible for some reason.
Does anyone have experience with something similar?
A non-square region should work just fine -- there is no limit on this. One way to test your .mbtiles is to upload it to your MapBox account and see if it works on a web map. It sounds like your MBTiles file might have issues.