how to Create Custom Panorama Tiles for Creating of custom Street view

南笙酒味 提交于 2019-12-25 02:38:15

问题


i need some advise on how do i create Creating Custom Panorama Tiles for creating the custom street view

i am able to create equirectange panorama of 10000x5000 but i saw that i need to slice them into tiles.

i am also confuse over how should i label them.

[return 'images/panoReception1024-' + zoom + '-' + tileX + '-' +tileY +'.jpg']

this is the example i got from the google street view document help.

but , assume i have a 3000x1500, and i set the tile size to 512, i need to create 12X6? am i right?

then how do i create the different zoom level?

  1. Zoom 0 is the original file?

  2. Zoom 1/2/3/4, how do i create the tiles for them and how do i label them?

hope can get some advise

thank u for reading and helping

Cheers.


回答1:


I don't know if you've found an answer, yet.

Essentially, you have to break the panorama pic into 8 columns and 4 rows.

So the top row from left to right would be:
panoReception-0-0.jpg, panoReception-1-0.jpg,...,panoReception-8-0.jpg

The second row from left to right would be:
panoReception-0-1.jpg, panoReception-1-1.jpg,...,panoReception-8-1.jpg

I found full instructions on this website: http://googlemaps.googlermania.com/google_maps_api_v3/en/custom_streetview/3.html




回答2:


  • Ideally the tiles should be of dimensions: 256 x 256 pixels
  • Resize your panoramic to this size: 8192 x 4096 pixels
  • The images get loaded as a pyramid, at various zoom levels
  • The zoom levels are 0,1,2,3,4. Optionally you may also use a level 5.

      
        var heightY = Math.pow(2, zoom - 1);
        var widthX = 2 * heightY;
      
    
  • The above JavaScript code shows the image dimensions at various pyramid (zoom) levels

  • Loop your code to slice images. Following is your counter for x and y axis.

      
        var xCount = widthX / 256;
        var yCount = heightY / 256;
      
    
  • The tile format is pano_z_x_y.jpeg, where z is zoom. x is horizontal count, and y is vertical count for the required tile image

  • At zoom 0, you get single image pano_0_0_0.jpeg
  • At zoom 1, you get two images pano_1_0_0.jpeg & pano_1_1_0.jpeg
  • At zoom 2, you get 8 images
  • At zoom 3, you get 32 images
  • At zoom 4, you get 128 images

Pass over these images to your JavaScript function as below:

function getCustomPanoramaTileUrl(pano, zoom, tileX, tileY) 
{
      return 'pano' + '_' + zoom + '_' + tileX + '_' + tileY + '.jpeg';
}


来源:https://stackoverflow.com/questions/21459645/how-to-create-custom-panorama-tiles-for-creating-of-custom-street-view

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!