Quellcode durchsuchen

新增baidumap的界面及js

leijie vor 8 Jahren
Ursprung
Commit
ee597b5027

+ 2 - 0
display-server/etc/server-page.xml

@ -40,6 +40,8 @@
40 40
	<action name="Voice" template="template/webapp/plugin/Voice.html"></action>
41 41
	<!-- 分享 -->
42 42
	<action name="Share" template="template/webapp/plugin/Share.html"></action>
43
	<!-- 百度地图 -->
44
	<action name="BaiduMap" template="template/webapp/plugin/BaiduMap.html"></action>
43 45
	
44 46
	<!-- Web Component Demo-->
45 47
	<action name="WmTab" template="template/webapp/tag/WmTab.html"></action>

+ 19 - 0
display-server/web/biz/js/plugin/baidumap.js

@ -0,0 +1,19 @@
1
require(["domReady!","wadeMobile","util"],function(doc,WadeMobile){
2
	var iscroll=new iScroll("content");
3
	//定位
4
	$("#baiduLocation").tap(function(){
5
		WadeMobile.baiduLocation();
6
		})
7
	//百度地图
8
	$("#baiduMap").tap(function(){
9
		WadeMobile.baiduMap();
10
	})
11
	//poi检索
12
	$("#baiduMapPoiSearch").tap(function(){
13
		WadeMobile.baiduMapPoiSearch();
14
	})
15
	//lbs检索
16
	$("#baiduMapLbsSearch").tap(function(){
17
		WadeMobile.baiduMapLbsSearch();
18
	})
19
});

+ 8 - 0
display-server/web/res/js/mobile/expand-mobile.js

@ -319,6 +319,14 @@ define(["require"],function(require) {
319 319
				execute("shareFileQQFriend",[content]);
320 320
			},shareFileWeChatFriend:function(content){
321 321
				execute("shareFileWeChatFriend",[content]);
322
			},baiduLocation:function(){
323
				execute("baiduLocation",[]);
324
			},baiduMap:function(){
325
				execute("baiduMap",[]);
326
			},baiduMapPoiSearch:function(){
327
				execute("baiduMapPoiSearch",[]);
328
			},baiduMapLbsSearch:function(err){
329
				execute("baiduMapLbsSearch",[]);
322 330
			}
323 331
		};
324 332
	})();

+ 4 - 0
display-server/web/template/webapp/PluginIndex.html

@ -67,4 +67,8 @@
67 67
		<div class="pic"><span class="e_ico-nfc"></span></div>
68 68
		<div class="text">分享</div>
69 69
	</li>
70
	<li action="BaiduMap">
71
		<div class="pic"><span class="e_ico-position"></span></div>
72
		<div class="text">百度地图</div>
73
	</li>
70 74
</ul>

+ 67 - 0
display-server/web/template/webapp/plugin/BaiduMap.html

@ -0,0 +1,67 @@
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<meta charset="UTF-8">
5
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
6
<title>百度地图</title>
7
{%>template/common/Head.html%}
8
<script type="text/javascript" src="biz/js/plugin/baidumap.js" ></script>
9
</head>
10
<body>
11
12
<div class="c_navBar">
13
	<div class="left">
14
		<div class="back">
15
			<span class="e_ico-back"></span>
16
			<span class="text">百度地图</span>
17
		</div>
18
	</div>
19
</div>
20
21
<div class="m_content m_content-nofooter" id="content">
22
	<div>
23
		<div class="c_list l_mt">
24
			<ul>
25
				<li>
26
				<div class="content">
27
					<div class="main">
28
						<div class="title">当前位置</div>
29
						<div class="info" id="locationDesc">请获取</div>
30
					</div>
31
					<div class="fn fn-2" id="baiduLocation">获取位置</div>
32
				</div>
33
			</li>
34
			<li>
35
				<div class="content">
36
					<div class="main">
37
						<div class="title" >百度地图</div>
38
						<div class="info" >功能</div>
39
					</div>
40
					<div class="fn fn-2" id="baiduMap">打开地图</div>
41
				</div>
42
			</li>
43
			<li>
44
				<div class="content">
45
					<div class="main">
46
						<div class="title">Poi检索</div>
47
						<div class="info">在地图上进行poi检索</div>
48
					</div>
49
					<div class="fn fn-2" id="baiduMapPoiSearch">地图检索</div>
50
				</div>
51
			</li>
52
			<li>
53
				<div class="content">
54
					<div class="main">
55
						<div class="title">Lbs检索</div>
56
						<div class="info">在地图上进行lbs检索</div>
57
					</div>
58
					<div class="fn fn-2" id="baiduMapLbsSearch">地图检索</div>
59
				</div>
60
			</li>
61
			</ul>
62
		</div>
63
		<div class="e_space"></div>
64
	</div>
65
</div>
66
</body>
67
</html>