网页端如何 打开百度高德腾讯地图导航

 
<!DOCTYPE html>
<html lang="en" style="font-size: 48px;"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, userscalable=yes">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="date=no">
<meta name="format-detection" content="address=no">
<meta name="format-detection" content="email=no">
<title>乌兰察布市医保便民服务电子地图</title>
<meta name="Keywords" content="乌兰察布市医保便民服务电子地图">
<meta name="Description" content="乌兰察布市医保便民服务电子地图">
<link rel="stylesheet" href="tx_gd_bd_dh_files/common.css">
<link rel="stylesheet" href="tx_gd_bd_dh_files/all.css">
<link rel="stylesheet" href="tx_gd_bd_dh_files/animate.min.css">
<link rel="stylesheet" href="tx_gd_bd_dh_files/swiper-bundle.min.css">

<script src="tx_gd_bd_dh_files/jweixin-1.6.0.js"></script>

<script src="tx_gd_bd_dh_files/vconsole.min.js"></script>


<script src="tx_gd_bd_dh_files/gf.js"></script>
<script src="tx_gd_bd_dh_files/rem.js"></script>
<script src="tx_gd_bd_dh_files/swiper-bundle.min.js"></script>
<script src="tx_gd_bd_dh_files/wow.min.js"></script>
<script src="tx_gd_bd_dh_files/public.js"></script>

<script src="tx_gd_bd_dh_files/layui.js"></script>
<link href="tx_gd_bd_dh_files/layui.css" rel="stylesheet">

<script src="tx_gd_bd_dh_files/global.js"></script>

<script src="tx_gd_bd_dh_files/api"></script>
    <script type="text/javascript" src="tx_gd_bd_dh_files/getscript"></script>
    <link rel="stylesheet" type="text/css" href="tx_gd_bd_dh_files/bmap.css">
<script src="/tx_gd_bd_dh_files/ViewCtrl.js"></script>


    <script>
        window.onload = function(){
            homeCtrl.getDistance(1713)
        }
    </script>
  <script charset="utf8" src="tx_gd_bd_dh_files/abclite-2063-s.original.js"></script></head>

  <body>
    <div class="zy">
      <div class="main">
        <div class="list_xq">
          <div class="tt_title">
                    <div class="z" onclick="history.back()">
                <img class="ypxq_close" src="tx_gd_bd_dh_files/icon35.png" alt="">
            </div>
            <a id="jc" href="https://testxcxwlcbylbzj.nmg.mobi/home/feedBack?id=1713">纠错</a>
          </div>
          <div class="xq_nr">
            <h2>

                察右前旗土贵乌拉镇南营卫生室
            </h2>
            <div class="box">
              <div class="left">
                <p class="add">察右前旗土贵乌拉镇南营</p>
                <div class="distance">
                  
                </div>
              </div>
                            <a class="wl" onclick="homeCtrl.openShareModal({ 'longitude': '113.22822850812948','latitude':'40.790323422264834','longitude_Gcj02':'113.22162042353429','latitude_Gcj02':'40.78466665666495','address':'察右前旗土贵乌拉镇南营','title':'察右前旗土贵乌拉镇南营卫生室' }, 'phone')">
                                <img src="tx_gd_bd_dh_files/icon27.png" alt="">
                            </a>
            </div>
            <div class="bq">
                    <span onclick="MenuCtrl.lookAbout(59, event)">居民门诊统筹</span>
            </div>
            <div class="box_z">
                    <p>工作时间:9:00-18:00</p>
                

                    <p>联系人:赵俊生</p>

                    <p>联系电话:15648920191</p>

            </div>
          </div>
        </div>
      </div>
    </div>

    <script src="tx_gd_bd_dh_files/MenusCtrl.js"></script>
    <link rel="stylesheet" href="tx_gd_bd_dh_files/sj_news.css">
    <div class="yd_tc" style="display: none;">
        <div class="yd_tc__nr">
            <img class="tc_close" src="tx_gd_bd_dh_files/xz_icon8.png" onclick="MenuCtrl.hideModel()">
            <div class="tt_nr">
                
            </div>
        </div>
    </div>

    <div class="maskA" style="display: block;">
    <div class="content" style="bottom: 0px;">
        <div class="title">请选择以下方式</div>
        <div class="share-box">
            <div onclick="baidu()"><div class="share-text">百度地图</div></div>
            <div onclick="gaode()"><div class="share-text">高德地图</div></div>
            <div onclick="tengxun()"><div class="share-text">腾讯地图</div></div>
        </div>
        <div class="line"></div>
        <div class="fail-btn" onclick="closeShareModal()">取消</div>
    </div>
</div>

<input type="hidden" name="lng" id="lng" value="113.22822850812948">
<input type="hidden" name="lat" id="lat" value="40.790323422264834">
<input type="hidden" name="lnggcj" id="lnggcj" value="113.22162042353429">
<input type="hidden" name="latgcj" id="latgcj" value="40.78466665666495">
<input type="hidden" name="dizhi" id="dizhi" value="察右前旗土贵乌拉镇南营">
<input type="hidden" name="name" id="name" value="察右前旗土贵乌拉镇南营卫生室">

<script>
    //关闭弹窗
    function closeShareModal() {
        $(".maskA .content").animate({ bottom: "-6rem" });
        $('.maskA').delay(400).hide(1);
    }

    function baidu() {
        var lng = $('#lng').val();
        var lat = $('#lat').val();
        var dizhi = $('#dizhi').val();
        var name = $('#name').val();
        location.href = "http://api.map.baidu.com/marker?location=" + lat + "," + lng + "&title=" + dizhi + "&content=" + dizhi + "&output=html";
    }

    function gaode() {
        var lng = $('#lnggcj').val();
        var lat = $('#latgcj').val();
        var dizhi = $('#dizhi').val();
        var name = $('#name').val();
        location.href = "http://uri.amap.com/marker?position=" + lng + "," + lat + "&name=" + dizhi + "&coordinate=gaode&callnative=1";
    }

    function tengxun() {
        var lng = $('#lnggcj').val();
        var lat = $('#latgcj').val();
        var dizhi = $('#dizhi').val();
        var name = $('#name').val();
        location.href = "http://apis.map.qq.com/uri/v1/marker?marker=coord:" + lat + "," + lng + ";addr:" + dizhi + "";
    }
 </script>
    <script type="text/javascript" src="tx_gd_bd_dh_files/21982107.js"></script>

    <script>
        window.onload = function(){
            homeCtrl.wxConfig();
        }
    </script>
  

</body></html>

 

posted on 2025-10-01 21:04  码农at突泉  阅读(13)  评论(0)    收藏  举报