I have taken image from google street view covering FOV=90 in four directions. with headings set at 0, 90, 180 and 270 degree and then merged them in this sequence Back-Left-Front-Right.
Although FOV 90 X 4 =360 but panorama is not continuous.And joints are clearly visible. Can anyone help me in this as how can i get a perfect panorama?
Thanks
Please make use of the official Google Site for creating a Photo Sphere and upload your 360 degree panoramic image to be Viewable in Google+ and Android. Please note that you can also submit this Photo Sphere image to Google Maps. Here is the link
https://photo-sphere.appspot.com/
Related
I have a flashing icon on a Mapbox GLJS map that shows the location of my software.
I would now like to indicate the direction of travel, similar to how google maps shows it. See image.
Once this is implemented, I would also like to adjust the width of the heading indicator based on the current FOV of my real-world camera. Ie Current camera FOV at 20 degrees would be shown as a 20-degree cone on the map.
Id have thought this is quite a common need, so is there any styling that can simply be plugged in? If not, any pointers of how to go about this would be welcome. Cheers
icon image
I am trying to figure out the easiest way to disaply a VR180 photo in A-Frame. I have found the examples for setting a 360 image as the sky, but if I set my 180 image, this duplicates the image.
I have tried setting phi-length to 180, and this renders the texture on half of the sphere (from what I can tell), but it has still dupliacted the image, just in this smaller area.
I tried adding black space to the left and right of my left and right images - but this didn't have the desired effects - and I don't really know what I need to be aiming for here in terms of "resizing" the image to be 360 with black behind. I have tried to find a tool that might perform this sort of conversion without luck.
If there is a way for me to either edit the image or change attributes in the a-frame code so the image is displayed once that would be awesome, or I'm open to any suggestion of avenue to follow! Also any pointers would be appreciated - maybe even if I succeed mapping to half a sphere, this will stretch the image or look weird.
The original VR180 image is 8192x4096 pixels.
Any tips how to do nice camera animation with the here SDK for flutter I can take examples from IOS or Android SDK.
The issue I’m facing is that in the example it shows animation with pre known camera zoom/distance to earth source and target.
In my example it’s difficult to find the right distance to earth given a bounding box and also find the center of a bounding box finally find the right bounding box to be able to comfortably see a set of GeoCoordinates.
Any tips much appreciated
There's nice bow-type animation example for Flutter. It's using custom Tweens.
If you want to zoom to a set of coordinates, use the MapCamera's calculateEnclosingCameraUpdate() method. It allows to zoom to a bounding box you can get from a route with route.getBoundingBox(). This way you can ignore the distance or center as the camera will automatically find the right value.
I have a 360 degree image that I'm using a-frame to display.
My question is, is there any interactivity (like Google Maps Street View) where I can take overlay arrows and take the user to another 360 degree image? Is it possible to do this? How would I go about adding this type of functionality if it is possible?
Is it possible to add text or html links onto the 360 image?
I realize that's more than one question but hopefully someone can help me out. I 'm really liking A-Frame.
There are multiple ways to do what You want to achieve.
A 360 gallery ( like google maps street view ):
The easiest way is to make a sphere/sky which is changing its source image. Examples here, tutorial here.
Basically You make either a <a-sky> or <a-sphere> with the source of your image like <a-sphere src="myImage.jpg"> or <a-sphere material="src:myImage.jpg">. Of course, you would like to have the buttons all over the place, not organized like in the example.
Links
Im not sure about adding normal links, of course you may add any entity, which would redirect you to another page via javascript like this:
in the scene:
<a-entity link><a-entity>
#js:
AFRAME.registerComponent('link', {
init:function(){
this.el.addEventListener('click',function(){
window.location.href = "http://stackoverflow.com";
});
}
});
Text
Adding text is documented here. If you don't like it, you can always make an image with an alpha channel and add it wherever You like.
To be honest, try making a 360 image, then make a 2D picture, then work on some behavior ( links, switching images ).
I've created a simple triangular overlay using the Winforms GE API. As I'm zooming in and out parts or all of the overlay will disappear. The overlay is on the order of 80 miles in length.
The overlay is set to an altitude of 100 so I understand that when the overlay goes through a terrain feature it will disappear. My concern is when it is completely visible and I zoom in it disappears completely or in part. Since it is visible at a higher altitude shouldn't it also be visible at a lower altitude? (and I do realize that once I go 'below' the overlay it will disappear. This is not my problem.)
Any ideas or thoughts?
Actually, a ground overlay should stay on top of the terrain. So when the terrain is higher than '100' the overlay should be 'wrapped' over top of it. I am not sure about the overlay 'disappearing' at various heights (POV)
Recently, there was this question on SO - and the OP ended up saying they had contacted Google and the consensus was it was some sort of bug.......