<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--手机模式设置-->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
<script src="../../Common/sdk/jquery/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="../../Common/sdk/plugIn/Template/baiduTpls.js" type="text/javascript"></script>
<link href="../../Common/sdk/jquery.mobile-1.4.1/jquery.mobile-1.4.1.min.css" rel="stylesheet"
type="text/css" />
<script src="../../Common/sdk/jquery.mobile-1.4.1/jquery.mobile-1.4.1.min.js" type="text/javascript"></script>
<!--百度地图-->
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=kNYqn81Im9GhPRE0Nr3RPTc6"></script>
<title></title>
<style type="text/css"> body, html,#allmap {width: 500px;height: 500px;overflow: hidden;margin:0;}
</style>
<script>window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "1", "bdMiniList": ["mshare", "qzone", "tsina", "bdysc", "weixin", "renren", "tqq", "kaixin001", "tqf", "tieba", "douban", "tsohu", "bdhome", "sqq", "qq", "taobao", "hi", "baidu", "sohu", "t163", "qy", "meilishuo", "mogujie", "diandian", "huaban", "leho", "share189", "duitang", "hx", "tfh", "fx", "youdao", "sdo", "qingbiji", "ifeng", "people", "xinhua", "ff", "mail", "kanshou", "isohu", "yaolan", "wealink", "xg", "ty", "iguba", "fbook", "twi", "deli", "s51", "s139", "linkedin", "copy", "print"], "bdPic": "", "bdStyle": "2", "bdSize": "16" }, "slide": { "type": "slide", "bdImg": "1", "bdPos": "right", "bdTop": "100" }, "selectShare": { "bdContainerClass": null, "bdSelectMiniList": ["qzone", "tsina", "tqq", "renren", "weixin"] } }; with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];</script>
<script> //页面跳转
function GoPgMain() {
$.mobile.changePage('#pgMain');
var a0 = {
Code: '01', Caption: '物联网工程学院', Items: [
'物联网工程', '自动化', '通信工程', '计算机'
], Memo: '物联网工程学院的描述...'
};
var a1 = {
Code: '02', Caption: '机电工程学院', Items: [
'机电一体化', '金属材料工程', '疏浚工程'
], Memo: '机电工程学院的描述...'
};
var a2 = {
Code: '03', Caption: '企业管理学院', Items: [
'会计学', '国际贸易', '信息管理'
], Memo: '企业管理学院的描述...'
};
var aArr = [a0, a1, a2];
var tpl =
'<% for( var i=0;i<tplData.length;i++){ %>' +
' <li> ' +
' <img src="images/0.jpg" style="width:60px; height:60px; margin:20px" /> ' +
' <h6><%=tplData[i].Caption %></h6> ' +
' <p> ' +
' <% for( var k=0; k<tplData[i].Items.length;k++){ %>' +
' [ <%=tplData[i].Items[k] %> ]' +
' <%}%>' +
' </p> ' +
' <p> ' +
' <%=tplData[i].Memo %> ' +
' </li>' +
'<%} %>';
var aHtml = bt(tpl, { tplData: aArr });
$('#lst01').html(aHtml);
$('#lst01').listview('refresh');
}
</script>
<script>
function getResource(aUrl, aCallback) {
var aRes = { State: 0, Data: {} };
$.ajax({
url: aUrl,
success: function (a, b, c) {
aRes.State = 1;
aRes.Data = a;
if (aCallback) {
try {
aCallback(aRes);
}
catch (cer) {; }
}
},
error: function (a, b, c) {
aRes.State = 0;
aRes.Data = a;
if (aCallback) {
try {
aCallback(aRes);
}
catch (cer) {; }
}
}
});
}
function get_Teams() {
var aUrl = "json/csl.json";
getResource(aUrl, function (aRes) {
if (aRes.State == 1) {
var aTeams = eval('(' + aRes.Data + ')').ResultData.DataList;
aUrl = "Tpls/tplTeams.htm";
getResource(aUrl, function (aRes) {
var aTpl = aRes.Data;
var aHtml = bt(aTpl, { tplData: aTeams });
$('#contentMain').html(aHtml);
$('#contentMain').listview('refresh');
});
}
else {
alert('Error!');
}
});
}
get_Teams();
</script>
</head>
<body>
<div id="pgIndex" data-role="page" onclick="GoPgMain();">
<div data-role="header">
<h1><center>物联网系统综合设计</center></h1>
</div>
<div role="main" class="ui-content">
<center> <img src="csl.jpg"style="width:400px;height:250px;margin:20px"/></center>
<h1><center>河海大学常州校区</center></h1>
</div>
<div data-role="footer" data-position="fixed">
<h6>©2014 IOT 使用前必读</h6>
</div>
</div>
<div id="pgMap" data-role="page">
<div data-role="header">
<h6>电子地图</h6>
</div>
<div id="contentMap" role="main" class="ui-content" style="padding:0px">
<center><div id="allmap" style=" margin:5px; border:1px solid #dbdbdb; height:400px">
</div></center>
</div>
<div data-role="footer" data-position="fixed">
<div data-role="navbar" data-theme="b">
<ul>
<li><a href="#pgIndex">首页</a></li>
<li><a href="#pgMain">主页面</a></li>
<li><a href="#pgMap">地图</a></li>
</ul>
</div>
</div>
</div>
<div id="pgMain" data-role="page">
<div data-role="header">
<h6>中国足球协会超级联赛</h6>
</div>
<center><img src="16.jpg" style="width:150px; height:100px; margin:20px" /></center>
<div id="contentMain" role="main" class="ui-content" style="padding:0px">
<ul id="lst01" data-role="listview" style="margin:10px" data-inset="false">
<li>
<img src="images/Desert.jpg" style="width:60px; height:60px; margin:20px" />
<h6>物联网工程学院</h6>
<p>
物联网工程 自动化 通信工程 计算机
</p>
<p>
河海大学物联网工程学院
</p>
</li>
<li>
<a href="
基于百度地图API的web'开发
3星 · 超过75%的资源 需积分: 50 153 浏览量
2015-04-16
16:09:30
上传
评论 3
收藏 1.6MB ZIP 举报 
Demo.zip （69个子文件） 
App 
8.jpg 7KB css 
magnific-popup.css 11KB style.css 16KB imgeffect.css 3KB Tpls tplTeams.htm 669B 15.jpg 12KB 14.jpg 18KB images 8.jpg 13KB
fax2.png 3KB icon4.png 15KB location.png 3KB banner.jpg 172KB 2.jpg 15KB 1.jpg 24KB 6.jpg 47KB fax.png 3KB social-icons.png 2KB img1.jpg 68KB
1.gif 53KB icon6.png 14KB fax1.png 3KB nav-icon.png 234B img2.jpg 68KB 3.jpg 14KB 5.jpg 29KB hohai.jpg 270KB buttonimg.png 3KB icon8.png 7KB icon5.png 11KB 4.jpg 14KB icon7.png 10KB top-move.png 574B icon2.png 11KB icon1.png 16KB phone.png 3KB logo.png 4KB 7.jpg 10KB zoom-white.png 2KB icon3.png 14KB mail.png 3KB img3.jpg 65KB buttonimgh.png 3KB 2.jpg 24KB 1.jpg 16KB 6.jpg 10KB 3.jpg 202KB 5.jpg 19KB
index1.html 50KB json csl.json 6KB index.html 19KB js jquery.min.js 91KB move-top.js 1KB easing.js 5KB jquery.easing.min.js 5KB jquery.scrollTo.js 2KB jquery.magnific-popup.js 45KB hhSwipe.js 14KB jquery.mixitup.min.js 14KB fliplightbox.min.js 14KB 11.jpg 7KB 4.jpg 22KB 10.jpg 18KB 13.jpg 21KB 16.jpg 17KB 12.jpg 19KB 9.jpg 21KB 7.jpg 16KB 0.jpg 111KB csl.jpg 82KB资源评论
qq_386250932017-05-05没有用百度API呀！就是前端网页开发- qq_150911912017-11-16与描述不合！
十五月2016-06-03资源不错，但是我需要的是web的，这个是APP的，有点不是很合适- menglixunzhu2017-08-08资源不错，但是我需要的是web的，这个是APP的
donkee82016-11-22与描述不合
