<!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'开发
共69个文件
jpg:31个
png:21个
js:9个
3星 · 超过75%的资源 需积分: 50 165 下载量 153 浏览量
2015-04-16
16:09:30
上传
评论 3
收藏 1.6MB ZIP 举报
温馨提示
基于百度地图API的web开发,主要应用html+css+js+json+ajax等技术。
资源推荐
资源详情
资源评论
收起资源包目录
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
共 69 条
- 1
资源评论
- qq_386250932017-05-05没有用百度API呀!就是前端网页开发
- qq_150911912017-11-16与描述不合!
- 十五月2016-06-03资源不错,但是我需要的是web的,这个是APP的,有点不是很合适
- menglixunzhu2017-08-08资源不错,但是我需要的是web的,这个是APP的
- donkee82016-11-22与描述不合
yangchacha
- 粉丝: 0
- 资源: 2
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功