会出现这样的原因是因为获取地址内容不全被截断:
解决方法:加以下这段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>
原文:https://www.cnblogs.com/fkcqwq/p/11428164.html