解決引用百度地圖點擊詳情無法定位到相應位置問題


會出現這樣的原因是因為獲取地址內容不全被截斷:

解決方法:加以下這段JS即可。

setInterval(function() {
var text = $(".BMap_bubble_title p").attr("title");
var address = "https://map.baidu.com/mobile/webapp/search/search/qt=s&da_src=shareurl&wd=" + text;
$(".BMap_bubble_title p a").attr("href", address);
}, 1000)

<!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" />
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <meta name="keywords" content="百度地圖,百度地圖API,百度地圖自定義工具,百度地圖所見即所得工具" />
        <meta name="description" content="百度地圖API自定義地圖,幫助用戶在可視化操作下生成百度地圖" />
        <title>百度地圖</title>
        <!--引用百度地圖API-->
        <style type="text/css">
            html,
            body {
                margin: 0;
                padding: 0;
            }

            .iw_poi_title {
                color: #CC5522;
                font-size: 14px;
                font-weight: bold;
                overflow: hidden;
                padding-right: 13px;
                white-space: nowrap
            }

            .iw_poi_content {
                font: 12px arial, sans-serif;
                overflow: visible;
                padding-top: 4px;
                white-space: -moz-pre-wrap;
                word-wrap: break-word
            }
        </style>
        <script src="http://img.huiyiguanjia.com/CDNFile/jquery/jquery-1.10.2.min.js"></script>
        <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=BE0be1199bfc948a2b2aa17eafaaa780"></script>
    </head>

    <body>
        <!--百度地圖容器-->
        <div style="width:100%;height:100vh;border:#ccc solid 1px;" id="allmap"></div>
    </body>
</html>
<script type="text/javascript">
    // 百度地圖API功能
    var map = new BMap.Map("allmap"); // 創建Map實例
    var point = new BMap.Point(113.55364, 22.105304); // 創建點坐標  
    map.addControl(new BMap.MapTypeControl()); //添加地圖類型控件
    map.centerAndZoom("珠海長隆橫琴灣酒店", 17); // 初始化地圖,用城市名設置地圖中心點 
    map.enableScrollWheelZoom(); //啟動鼠標滾輪縮放地圖
    var local = new BMap.LocalSearch(map, {
        renderOptions: {
            map: map,
            panel: "r-result"
        }
    });
    local.search("廣東省珠海市香洲區環島東路與長隆大道交匯處");
</script>
<script>
    $(function() {

        $("#dituContent").css("width", $(window).width());
        
        //解決百度地圖定位不到詳情地點的問題
        //<![CDATA[
        setInterval(function() {
            var text = $(".BMap_bubble_title p").attr("title");
            var address = "https://map.baidu.com/mobile/webapp/search/search/qt=s&da_src=shareurl&wd=" + text;
            $(".BMap_bubble_title p a").attr("href", address);
        }, 1000)
        //]]>

    })
</script>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM