繁體
|
簡體
Sclub交友聊天~加入聊天室當版主
(檢舉)
分享
新浪微博
QQ空间
人人网
腾讯微博
Facebook
Google+
Plurk
Twitter
Line
標題:
[分享]
添加【百度地图】
[打印本頁]
作者:
无界
時間:
2013-5-10 21:21
標題:
添加【百度地图】
效果:
下載
(355.39 KB)
2013-5-10 21:15
下載
(334.31 KB)
2013-5-10 21:16
下載
(128.45 KB)
2013-5-10 21:16
方法:
1、
其他
头部信息:添加代码去掉帮助分类,已经去除的可忽略。
<!--隐藏帮助分类-->
<style>
#faq .main,#faq .content {margin-left:0px!important;}
#faq .side {display:none;}
</style>
<!--隐藏帮助分类end-->
複製代碼
2、新建帮助分类将下面代码放进去
<script>$("wrap").className="wrap s_clear";$("nav").innerHTML='<a href="index.php">TLB爱我吧俱乐部</a> »百度地图';</script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>
<style type="text/css">
#ct { position: relative; }
#srch { position: absolute; top: 10px; left: 100px; z-index: 100; border: 1px solid #cdcdcd; background: #f3f3f3; padding: 3px; }
</style>
<div id="ct" class="wp cl">
<div id="srch">
<input type="text" class="px vm" id="keyword" /><button type="button" class="pn pnp vm" onclick="search()"><strong>搜索</strong></button>
</div>
<div id="baidu_map" class="bm" style="width:100%; height:600px;"></div>
</div>
<script type="text/javascript">
var map = new BMap.Map("baidu_map");
map.addControl(new BMap.NavigationControl());
map.addControl(new BMap.ScaleControl());
map.addControl(new BMap.OverviewMapControl());
map.addControl(new BMap.MapTypeControl());
map.centerAndZoom(new BMap.Point(), 17);
var myCity = new BMap.LocalCity();
myCity.get(function(result) {
map.centerAndZoom(result.name, 17);
});
var local = new BMap.LocalSearch(map, {
renderOptions: {
map: map,
autoViewport: true,
selectFirstResult: false
}
});
function search() {
local.clearResults();
local.search($('keyword').value);
}
</script>
複製代碼
3、新建一个导航链接即可。
圖片附件:
QQ截图20130510210527.jpg
(2013-5-10 21:15, 355.39 KB) / 下載次數 1591
http://258club.com/discuz/attachment.php?aid=20477&k=759cc9d4fbd12e733350ed565f597003&t=1732382427&sid=5mWTg5
圖片附件:
QQ截图20130510210606.jpg
(2013-5-10 21:16, 334.31 KB) / 下載次數 1696
http://258club.com/discuz/attachment.php?aid=20478&k=ca6ec9be1fdb651f84f1830365e8a524&t=1732382427&sid=5mWTg5
圖片附件:
QQ截图20130510210641.jpg
(2013-5-10 21:16, 128.45 KB) / 下載次數 1561
http://258club.com/discuz/attachment.php?aid=20479&k=1929a032ea7953d83c0352b6cd515a17&t=1732382427&sid=5mWTg5
作者:
章鱼
時間:
2013-5-10 21:44
这个不错,支持下
作者:
luluxiuMUGEN
時間:
2013-5-10 22:41
很不错啊
作者:
ldzy
時間:
2013-5-11 10:19
赞赞~!~!
作者:
hkorz
時間:
2013-5-11 11:09
不錯看!!
作者:
4rphotoclub
時間:
2013-5-23 13:03
這個真是超級棒啊
歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://258club.com/discuz/)
Powered by Discuz! 7.2