免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
返回列表 發帖

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

效果:
QQ截图20130510210527.jpg

QQ截图20130510210606.jpg

QQ截图20130510210641.jpg


方法:

1、其他头部信息:添加代码去掉帮助分类,已经去除的可忽略。

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


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


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


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

1

評分人數

這個真是超級棒啊

TOP

不錯看!!

TOP

赞赞~!~!

TOP

很不错啊

TOP

这个不错,支持下
章鱼之家代码站
 
 
 
 
 

TOP

返回列表