如何创建自定义全景图块以创建自定义街景视图

时间:2014-01-30 14:49:05

标签: google-street-view panoramas

我需要一些建议如何创建创建自定义全景图块以创建自定义街景

我能够创建10000x5000的equirectange全景图,但我看到我需要将它们切成瓷砖。

我也对如何标记它们感到困惑。

[返回'images / panoReception1024-'+ zoom +' - '+ tileX +' - '+ tileY +'。jpg']

这是我从谷歌街景文档帮助中获得的示例。

但是,假设我有3000x1500,并且我将磁贴大小设置为512,我需要创建12X6?我是对的吗?

然后我如何创建不同的缩放级别?

  1. 缩放0是原始文件吗?

  2. 缩放1/2/3/4,如何为它们创建图块以及如何标记它们?

  3. 希望能得到一些建议

    谢谢你的阅读和帮助

    干杯。

2 个答案:

答案 0 :(得分:1)

我不知道你是否找到了答案。

基本上,你必须将全景图片分为8列和4行。

所以从左到右的第一行是:
panoReception-0-0.jpg,panoReception-1-0.jpg,...,panoReception-8-0.jpg

从左到右的第二行是:
panoReception-0-1.jpg,panoReception-1-1.jpg,...,panoReception-8-1.jpg

我在本网站上找到了完整的说明: http://googlemaps.googlermania.com/google_maps_api_v3/en/custom_streetview/3.html

答案 1 :(得分:1)

  • 理想情况下,图块的尺寸应为:256 x 256像素
  • 将全景大小调整为此大小:8192 x 4096像素
  • 图像以各种缩放级别加载为金字塔
  • 缩放级别为0,1,2,3,4。您也可以选择使用5级。

      
        var heightY = Math.pow(2, zoom - 1);
        var widthX = 2 * heightY;
      
    
  • 以上JavaScript代码显示各种金字塔(缩放)级别的图片尺寸

  • 循环代码以切片图像。以下是x轴和y轴的计数器。

      
        var xCount = widthX / 256;
        var yCount = heightY / 256;
      
    
  • 磁贴格式为 pano_z_x_y.jpeg ,其中z为缩放。 x是水平计数,y是所需图块图像的垂直计数

  • 在缩放0处,您将获得单张图像pano_0_0_0.jpeg
  • 在缩放1处,您会看到两张图片:pano_1_0_0.jpeg& pano_1_1_0.jpeg
  • 在缩放2下,您将获得8张图片
  • 在缩放3处,您可以获得32张图像
  • 在缩放4处,您可以获得128张图片

将这些图片传递给您的JavaScript函数,如下所示:

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