[分享] 添加【百度地图】

无界

效果：

下載 (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、其他头部信息:添加代码去掉帮助分类，已经去除的可忽略。

1. <!--隐藏帮助分类-->
   
2. <style>
   
3. #faq .main,#faq .content {margin-left:0px!important;}
   
4. #faq .side {display:none;}
   
5. </style>
   
6. <!--隐藏帮助分类end-->

複製代碼

2、新建帮助分类将下面代码放进去

1. 
   
2. <script>$("wrap").className="wrap s_clear";$("nav").innerHTML='<a href="index.php">TLB爱我吧俱乐部</a> &raquo;百度地图';</script>
   
3. <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>
   
4. <style type="text/css">
   
5. #ct { position: relative; }
   
6. #srch { position: absolute; top: 10px; left: 100px; z-index: 100; border: 1px solid #cdcdcd; background: #f3f3f3; padding: 3px; }
   
7. </style>
   
8. <div id="ct" class="wp cl">
   
9. <div id="srch">
   
10.   <input type="text" class="px vm" id="keyword" /><button type="button" class="pn pnp vm" onclick="search()"><strong>搜索</strong></button>
    
11. </div>
    
12. <div id="baidu_map" class="bm" style="width:100%; height:600px;"></div>
    
13. </div>
    
14. <script type="text/javascript">
    
15. var map = new BMap.Map("baidu_map");
    
16. map.addControl(new BMap.NavigationControl());
    
17. map.addControl(new BMap.ScaleControl());
    
18. map.addControl(new BMap.OverviewMapControl());   
    
19. map.addControl(new BMap.MapTypeControl());  
    
20. map.centerAndZoom(new BMap.Point(), 17);
    
21. var myCity = new BMap.LocalCity();
    
22. myCity.get(function(result) {
    
23.   map.centerAndZoom(result.name, 17);
    
24. });
    
25. var local = new BMap.LocalSearch(map, {
    
26.   renderOptions: {
    
27.    map: map,
    
28.    autoViewport: true,
    
29.    selectFirstResult: false
    
30.   }
    
31. });
    
32. function search() {
    
33.   local.clearResults();
    
34.   local.search($('keyword').value);
    
35. }
    
36. </script>

複製代碼

3、新建一个导航链接即可。

章鱼

这个不错,支持下

luluxiuMUGEN

很不错啊

ldzy

赞赞~！~！

hkorz

不錯看!!

4rphotoclub

這個真是超級棒啊