百度地图 标示 使用源码保存

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>GOOCAR谷卡二手车广场_二手奔驰_二手宝马_二手法拉利_二手奥迪_二手车买卖</title>
        <meta name="keywords" content="二手奔驰_二手宝马_二手法拉利_二手奥迪_二手车买卖" />
  <meta name="description" content="谷卡二手车是国内最大规模的二手车买卖实体连锁交易平台,引进国外系统化及标准化流程,提供二手车买卖信息免费发布、二手车专业评估、二手车导购,提供多样化的二手车解决方案,一条龙式服务代办二手车买卖过户、年检、车贷、车险等交易服务。在本站您可以免费查询二手奔驰,二手宝马,二手法拉利,二手奥迪等二手车买卖信息,是您可完全信赖的二手车买卖超大型商城。" />
        <link href="http://www.goocar.cn/templates/dev/css/reset.css" rel="stylesheet" type="text/css" media="all" />
        <link href="http://www.goocar.cn/templates/dev/css/public.css" rel="stylesheet" type="text/css" media="all" />
        <link type="text/css" href="http://www.goocar.cn/templates/dev/css/styles.css" media="all" rel="stylesheet" />
        <link type="text/css" href="http://www.goocar.cn/templates/dev/css/skitter.styles.css" media="all" rel="stylesheet" />
        <script type="text/javascript" src="http://www.goocar.cn/templates/dev/js/jquery.js"></script>
        <script type="text/javascript" src="http://www.goocar.cn/templates/dev/js/jquery.easing.1.3.js"></script>
        <script type="text/javascript" src="http://www.goocar.cn/templates/dev/js/jquery.animate-colors-min.js"></script>
        <script type="text/javascript" src="http://www.goocar.cn/templates/dev/js/jquery.skitter.min.js"></script>
        <script type="text/javascript" src="http://www.goocar.cn/templates/dev/js/jquery.gucar.js"></script>
     <script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-32172967-2']);
  _gaq.push(['_trackPageview']);
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>
    </head>
    <body>
        <link href="http://www.goocar.cn/templates/dev/css/ml.css" type="text/css" rel="stylesheet" media="all" />
<style type="text/css">
div.BMap_bubble_content {color:#333; padding-right:10px;}
div.BMap_bubble_content a {color:#2079dd;}
</style>
<script type="text/javascript" src="http://www.goocar.cn/templates/dev/js/sh.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>
<script type="text/javascript">
var objMap = null;
 
$(document).ready(function() {
 objMap = new BMap.Map("id_map");
 objMap.centerAndZoom("上海", 12);
 objMap.addControl(new BMap.NavigationControl());
 var jsonData = {"t":"all","a":0,"k":""};
 $.post('http://www.goocar.cn/ws/get_list_on_map.html', jsonData, function(re) {
  var i = 0;
        var j = re.length;
        for (i = 0; i < j; i ++) {
            var marker = new BMap.Marker(new BMap.Point(re[i].lng, re[i].lat));
            objMap.addOverlay(marker);
            addInfoEvent(marker, re[i]);
        }
 }, "json");
});
 
function addInfoEvent(marker, info) {
 var strHtml = '<b>' + info.name + '</b><br />地址: ' + info.addr + '<br />电话: ' + info.tel + '<br /><a target="_blank" href="' + info.url + '">查看详情&#187;</a>';
 var objWindow = new BMap.InfoWindow(strHtml);
 marker.addEventListener("mouseover", function() {
  marker.openInfoWindow(objWindow);
    });
 marker.addEventListener("mouseout", function() {
  setTimeout(function(){marker.closeInfoWindow()}, 3000);
    });
}
</script>
 
<div class="wrap">
<!--header-->
<div class="header">
    <div class="logo">
    <a href="http://www.goocar.cn/"><img src="http://www.goocar.cn/templates/dev/images/logo.jpg" alt="谷卡logo" /></a>
    </div>
<!--    <div class="fengge">
<img src="http://www.goocar.cn/templates/dev/images/fengge.jpg" alt="谷卡" />
    </div>-->
    <div class="phone">
    <h1>4008-200-680</h1>
    <p>客服每天上午8:30-下午5:00</p>
</div>
    <div class="open_time">
    <p style="font-size:22px;">展厅时间:每天上午9:00-傍晚18:00</p>
        <span>地址:上海闵行区莲花南路2338号(向阳路口)</span>
    </div>
</div>
 
<div class="separated1"><!--分隔线--></div>
 
 
<!--nav-->
<div class="nav">
 <ul id="jsddm">
  <li class="home"><a  href="http://www.goocar.cn/">首页</a></li>
  <li class="fg"><img src="http://www.goocar.cn/templates/dev/images/navfeng.jpg" alt="" /></li>
  <li><a  href="http://www.goocar.cn/cars">买车</a></li>
        <li class="fg"><img src="http://www.goocar.cn/templates/dev/images/navfeng.jpg" alt="" /></li>
  <li><a  href="http://www.goocar.cn/about/mclc">卖车</a></li>
        <li class="fg"><img src="http://www.goocar.cn/templates/dev/images/navfeng.jpg" alt="" /></li>
  <li><a  href="http://www.goocar.cn/about/pinggu" class="style4">车辆评估</a></li>
        <li class="fg"><img src="http://www.goocar.cn/templates/dev/images/navfeng.jpg" alt="" /></li>
  <li><a  href="http://www.goocar.cn/about/exchange" class="style4">车辆置换</a></li>
        <li class="fg"><img src="http://www.goocar.cn/templates/dev/images/navfeng.jpg" alt="" /></li>
     <li><a  href="http://www.goocar.cn/about/baoxian" class="style4">保险按揭</a></li>
        <li class="fg"><img src="http://www.goocar.cn/templates/dev/images/navfeng.jpg" alt="" /></li>
     <li>
      <a  href="http://www.goocar.cn/about/appointment" class="style4">买卖预约</a>
            <ul class="sub_nav">
                <li><a href="http://www.goocar.cn/about/appointment/buy">买车</a></li>
                <li>|</li>
                <li><a href="http://www.goocar.cn/about/appointment/sell">卖车</a></li>
            </ul>
        </li>
        <li class="fg"><img src="http://www.goocar.cn/templates/dev/images/navfeng.jpg" alt="" /></li>
  <li><a id="Current2" href="http://www.goocar.cn/maintenance.html" class="style4">维修保养</a></li>
  <li class="fg"><img src="http://www.goocar.cn/templates/dev/images/navfeng.jpg" alt="" /></li>
     <li><a  href="http://www.goocar.cn/about/weizhi" class="style4">展厅位置</a></li>
 </ul>
</div>
<div class="separated"><!--分隔线--></div>
     <div class="l_main">
        <!--主要内容部份-->
        <div class="l_content" style="width:99.5%">
         <div class="l_carTitle">
                    <h1>4S维修店 / 车辆快修 / 综合维修</h1>
                      </div>
   <div id="id_map" style="width:100%; height:500px;">&nbsp;&nbsp;正在载入地图...</div>
        </div>
       
        <!--推荐车源-->
        <div class="l_content" style="margin-top:20px; width:99.5%">
         <div class="l_carTitle">
          <h1>推荐车源</h1>
            </div>
   <div class="teijian_a" style="width:99.5%">
                <ul style="border:none;width:99.5%">
                                        <li style="float:left; margin:0 16px 10px 16px;"><a href="http://www.goocar.cn/cars/?mode=car_detail&id=267"><img src="http://www.goocar.cn/system/uploads/goods/2012-10/small3_1yrdfNutrVnw1DurA19F.jpg" alt="车辆" style="width:193px; height:116px;" /><p>丰田汉兰达</p></a><p>¥<span>21.58</span>万</p></li>
                                        <li style="float:left; margin:0 16px 10px 16px;"><a href="http://www.goocar.cn/cars/?mode=car_detail&id=266"><img src="http://www.goocar.cn/system/uploads/goods/2012-10/small3_Vz7V1UWvmXsmwrXBmHxW.jpg" alt="车辆" style="width:193px; height:116px;" /><p>大众帕萨特新领驭</p></a><p>¥<span>17.38</span>万</p></li>
                                        <li style="float:left; margin:0 16px 10px 16px;"><a href="http://www.goocar.cn/cars/?mode=car_detail&id=243"><img src="http://www.goocar.cn/system/uploads/goods/2012-09/small3_86lIqD2IefT6DuEd2d27.jpg" alt="车辆" style="width:193px; height:116px;" /><p>英菲尼迪FX45</p></a><p>¥<span>52.8</span>万</p></li>
                                        <li style="float:left; margin:0 16px 10px 16px;"><a href="http://www.goocar.cn/cars/?mode=car_detail&id=226"><img src="http://www.goocar.cn/system/uploads/goods/2012-09/small3_44H8l87P3Xu229907H4K.jpg" alt="车辆" style="width:193px; height:116px;" /><p>别克君越</p></a><p>¥<span>22.98</span>万</p></li>
                                    </ul>
         </div>
        </div>
    </div>
    </div>
<div class="separated"><!--分隔线--></div>
 
<!--footer-->
<div class="page_foot">
 <div class="footer">
     <ol>
         <li>版权所有&copy;2011-2012上海谷卡二手车销售有限公司&nbsp;&nbsp;沪ICP11102356</li>
            <li>二手奔驰 二手宝马 二手法拉利 二手奥迪 二手车买卖</li>
        </ol>
        <ul>
         <li><a href="http://www.goocar.cn/about/?mode=repair">养护知识</a></li>
            <li>|</li>
         <li><a href="http://www.goocar.cn/about/member">会员服务</a></li>
         <li>|</li>  
            <li><a href="http://www.goocar.cn/about">关于我们</a></li>
            <li>|</li>  
            <li><a href="http://www.goocar.cn/about/weizhi">联系我们</a></li>
            <li>|</li>
            <li><a href="http://www.goocar.cn/about/job">加入我们</a></li>
            <li>|</li>
            <li style="position:relative;"><a href="#" class="f1">友情链接</a>
            <div class="p1" style="height: 175px; top: -172px;">
             <ul>
                 <li><a href="http://www.iautos.cn/" target="_blank">第一车网</a></li>
                    <li><a href="http://www.baixin.com/" target="_blank">百姓网</a></li>
                    <li><a href="http://www.taoche.com/" target="_blank">淘车网</a></li>
                    <li><a href="http://www.shqsqf.com.cn/" target="_blank">强生汽修</a></li>
                    <li><a href="http://radio.smgbb.cn/radio/pl/shjtt/index.shtml" target="_blank">上海交通台</a></li>
                 <li><a href="http://www.tlb2b.com/" target="_blank">汽车涂料网</a></li>
                 <li><a href="http://www.qctl.net/" target="_blank">敏钰涂料</a></li>
                 <li><a href="http://www.icip.com.cn/" target="_blank">一车一品</a></li>
                </ul>  
            </div></li>
        </ul>
    </div>
</div>
<script type="text/javascript">
$(function() {
 var hoverStatus = 'close';
 var popStatus = 'close';
 var checkHandle = null;
 var
  startCheck = function() {
  checkHandle = setInterval(checkStatus, 200)
 };
 var
  stopCheck = function() {
  clearInterval(checkHandle)
 };
 var checkStatus = function() {
  if
   (hoverStatus == 'open' || popStatus == 'open') {
   $('.p1').show()
  } else {
   $('.p1').hide()
  };
  if
   (hoverStatus == 'close' && popStatus == 'close') {
   stopCheck()
  }
 };
 $('.f1').hover(function()
  {
  hoverStatus = 'open';
  checkStatus()
 },
 function() {
  startCheck
  ();
  hoverStatus = 'close'
 });
 $('.p1').hover(function() {
  popStatus = 'open';
  startCheck
  ()
 },
 function() {
  popStatus = 'close';
  stopCheck()
 })
});
 
</script>
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fff8bcf4eb6251be74cf8dd99b0e3d27c' type='text/javascript'%3E%3C/script%3E"));
</script>
</body>
</html>

posted on 2012-11-05 17:00  canny_strive  阅读(286)  评论(0编辑  收藏  举报

导航