365bet平台网址

帝国cms用百度地图自动标注方法的教程
2018-10-14 22:07:02???来源:???评论:0 点击:

1 先在系统模版新建字段diduan地段后面该打的全部打勾2 到管理模板变量增加模板变量变量名:[!--temp ditu--]变量标识:百度地图标注3 变量
1.先在系统模版新建字段???diduan??地段????后面该打的全部打勾

2.到管理模板变量??增加模板变量??变量名:[!--temp.ditu--]??变量标识:百度地图标注
3.变量值加入以下代码

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
?
?
?????
????????"Content-Type"?content="text/html; charset=uft-8">?
????????采集坐标 ?
?????????
????????
????
???????
????
???
"preview">?
????????
"float_search_bar">?
????????????<label>区域:label>?
????????????"text"?id="keyword"?/>?
????????????"search_button">查找?
????????????点击地图或标注获取坐标?
????????
?
????????
"map_container">
?
????
?
????
"result"?style="margin-top: 4px;">
?
????????
????"text/javascript"?src="http://api.map.baidu.com/api?v=1.2">?
????"text/javascript">?
????????function?getUrlParas(){?
????????????var?hash = location.hash,?
????????????????para = {},?
????????????????tParas = hash.substr(1).split("&");?
????????????for(var?p?in?tParas){?
????????????????if(tParas.hasOwnProperty(p)){?
????????????????????var?obj = tParas[p].split("=");?
????????????????????para[obj[0]] = obj[1];?
????????????????}?
????????????}?
????????????return?para;?
????????}?
????????var?para = getUrlParas(),?
????????????center = para.address?decodeURIComponent(para.address) :?"[!--diduan--]",?
????????????city = para.city?decodeURIComponent(para.city) :?"[!--diqu--]";?
????????
????????document.getElementById("keyword").value = center;?
????????
????????var?marker_trick =?false;?
????????var?map =?new?BMap.Map("map_container");?
????????map.enableScrollWheelZoom();?
????????
????????var?marker =?new?BMap.Marker(new?BMap.Point(116.404,?39.915), {?
????????????enableMassClear:?false,?
????????????raiseOnDrag:?true
?????????????????});?
????????marker.enableDragging();?
????????map.addOverlay(marker);?
????????
????????map.addEventListener("click",?function(e){?
????????????if(!(e.overlay)){?
????????????????map.clearOverlays();?
????????????????marker.show();?
????????????????marker.setPosition(e.point);?
????????????????setResult(e.point.lng, e.point.lat);?
????????????}?
????????});?
????????marker.addEventListener("dragend",?function(e){?
????????????setResult(e.point.lng, e.point.lat);?
????????});?
????????
????????var?local =?new?BMap.LocalSearch(map, {?
????????????renderOptions:{map: map},?
?????????????????????????pageCapacity:?1
????????});?
????????local.setSearchCompleteCallback(function(results){?
????????????if(local.getStatus() !== BMAP_STATUS_SUCCESS){?
????????????????alert("无结果");?
????????????}?else?{?
?????????????????????????????marker.hide();?
?????????????????????????}?
????????});?
????????local.setMarkersSetCallback(function(pois){?
????????????for(var?i=pois.length; i--; ){?
????????????????var?marker = pois[i].marker;?
????????????????marker.addEventListener("click",?function(e){?
????????????????????marker_trick =?true;?
????????????????????var?pos =?this.getPosition();?
????????????????????setResult(pos.lng, pos.lat);?
????????????????});?
????????????}?
????????});?
????????
????????window.onload =?function(){?
????????????local.search(center);?
????????????document.getElementById("search_button").onclick =?function(){?
????????????????local.search(document.getElementById("keyword").value);?
????????????};?
????????????document.getElementById("keyword").onkeyup =?function(e){?
????????????????var?me =?this;?
????????????????e = e || window.event;?
????????????????var?keycode = e.keyCode;?
????????????????if(keycode ===?9){?
????????????????????local.search(document.getElementById("keyword").value);?
????????????????}?
????????????};?
????????};?
????????function?a(){?
????????????document.getElementById("float_search_bar").style.display =?"none";?
????????}?
????????a();?
????????/*?
?????????* setResult : 定义得到标注经纬度后的操作?
?????????* 请修改此函数以满足您的需求?
?????????* lng: 标注的经度?
?????????* lat: 标注的纬度?
?????????*/
????????function?setResult(lng, lat){?
????????????document.getElementById("result").innerHTML = lng +?", "?+ lat;?
????????}?
????
?????


4.到需要加入地图的内容模版加入代码:[!--temp.ditu--]

相关热词搜索:帝国cms 百度地图自动标注方法

上一篇:帝国CMS7.2版多终端访问功能使用教程
下一篇:让帝国cms后台fckeditor编辑器兼容IE10的几个方法

分享到: 收藏
评论排行
频道总排行
频道本月排行