例如我们的xml文件和插件在一个服务器上，但我们的图片在另外一个域名的服务器上。也就是说，我们要进行跨越资源调用，俗称的CORS。这里会涉及到两处设置，一个是前端的，一个是图片的。
前端：
实际上就是直接执行绝对路径。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 |
<krpano version="1.19" title="Virtual Tour Paris" tileserver="http://d8d913s460fub.cloudfront.net/tours/paris/"> …… 其他代码 <scene name="scene_a" title="Voie des Bâtisseurs / Boulevard Circulaire" onstart="" thumburl="panos/a.tiles/thumb.jpg" lat="48.88821361" lng="2.25048056" heading="0.0"> <view hlookat="0" vlookat="0" fovtype="MFOV" fov="120" maxpixelzoom="1.1" fovmin="70" fovmax="140" limitview="auto" /> <preview url="%$tileserver%panos/a.tiles/preview.jpg" /> <image type="CUBE" multires="true" tilesize="512" progressive="false"> <level tiledimagewidth="12409" tiledimageheight="12409"> <cube url="%$tileserver%panos/a.tiles/l5_%s_%v_%h.jpg" /> </level> <level tiledimagewidth="6144" tiledimageheight="6144"> <cube url="%$tileserver%panos/a.tiles/l4_%s_%v_%h.jpg" /> </level> <level tiledimagewidth="3072" tiledimageheight="3072"> <cube url="%$tileserver%panos/a.tiles/l3_%s_%v_%h.jpg" /> </level> <level tiledimagewidth="1536" tiledimageheight="1536"> <cube url="%$tileserver%panos/a.tiles/l2_%s_%v_%h.jpg" /> </level> <level tiledimagewidth="768" tiledimageheight="768"> <cube url="%$tileserver%panos/a.tiles/l1_%s_%v_%h.jpg" /> </level> <mobile> <cube url="%$tileserver%panos/a.tiles/mobile_%s.jpg" /> </mobile> </image> </scene> |
这是krpano官网中众多案例的一个，实际上这里全景图是存放到了一个云服务器上了。我们可以看到在第一行krpano元素中有一个自定义属性tileserver，所定义的数值是一个http的绝对路径。
然后我们在下面需要调用图片的地方看到了对绝对路径的全景图切片的调用
|
1 |
<preview url="%$tileserver%panos/a.tiles/preview.jpg" /> |
实际上，正常情况下，krpano代码自身无需做太多设置。问题是要设置服务器端。
以下隐藏内容只提供VIP赞助会员，VIP会员说明请查看置顶文章
更多请查看