javascript 360全景图使 js360全景图使用[触屏]
1、下载地址
百度网盘 链接: http://pan.baidu.com/s/1hqvbyqo 密码: goew
支持php哈，如果没有php 请改成xml文件
![javascript 360全景图使 js360全景图使用[触屏]](https://exp-picture.cdn.bcebos.com/e86ba4b842406afe003ec5761eee41c1b6279fbd.jpg)
![javascript 360全景图使 js360全景图使用[触屏]](https://exp-picture.cdn.bcebos.com/a48bc2e8904800fcb8ddacbdd42043715edb93bd.jpg)
2、<!DOCTYPE html>
<html>
<head>
<title>室内</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="./index/3dview.css" media="all">
<script type="text/javascript" charset="utf-8" async="" src="./index/lxb.js"></script>
<script type="text/javascript" src="./index/skin.js"></script>
</head>
<body onselectstart="return true;" ondragstart="return false;">
<div id="container" style="width:100%;height:100%;">
<div style="top: 0px; left: 0px; position: relative;">
</div>
</div>
<script type="text/javascript">
if (ggHasHtml5Css3D() || ggHasWebGL()) {
pano=new pano2vrPlayer("container");
skin=new pano2vrSkin(pano);
//全景图xml地址
pano.readConfigUrl('http://localhost/360images/xml.php');
} else{
alert("not support 360view");
}
</script>
<div class="view_change"><a href="javascript:history.go(-1);">切换房间</a></div>
<a href="javascript:history.go(-1);" class="back360" style=""> </a>
</body></html>
3、xml.php
<?php
header('Content-Type: text/xml');
//$url_dir = dirname($_SERVER['REQUEST_URI']).'/';
$images = array(
'qian.jpg',
'hou.jpg',
'zuo.jpg',
'you.jpg',
'shang.jpg',
'xia.jpg',
);
$titleurl_str = '';
foreach($images as $key=>$value){
$titleurl_str .= ' tile'.$key.'url="'.$value.'" ';
}
//echo $titleurl_str;
echo <<<str
<panorama id="" hideabout="1"> <view fovmode="0" pannorth="0"> <start
pan="5.5" fov="80" tilt="1.5" /> <min pan="0" fov="80" tilt="-90" /> <max
pan="360" fov="80" tilt="90" /> </view> <userdata title=""
datetime="2013:05:23 21:01:02" description="" copyright="" tags=""
author="" source="" comment="" info="" longitude="" latitude="" /> <hotspots
width="180" height="20" wordwrap="1"> <label width="180"
backgroundalpha="1" enabled="1" height="20" backgroundcolor="0xffffff"
bordercolor="0x000000" border="1" textcolor="0x000000" background="1"
borderalpha="1" borderradius="1" wordwrap="1" textalpha="1" /> <polystyle
mode="0" backgroundalpha="0.2509803921568627"
backgroundcolor="0x0000ff" bordercolor="0x0000ff" borderalpha="1" /> </hotspots>
<media /> <input tilesize="700" tilescale="1.014285714285714"
$titleurl_str />
<autorotate speed="0.200" nodedelay="0.00" startloaded="1"
returntohorizon="0.000" delay="5.00" /> <control simulatemass="1"
lockedmouse="0" lockedkeyboard="0" dblclickfullscreen="0"
invertwheel="0" lockedwheel="0" invertcontrol="1" speedwheel="1"
sensitivity="8" /> </panorama>
str;