解决引用百度地图点击详情无法定位到相应位置问题

会出现这样的原因是因为获取地址内容不全被截断：

解决方法：加以下这段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

解决引用百度地图点击详情无法定位到相应位置问题相关推荐

ionic cordova 引用百度地图以及利用手机GPS定位
首先引入百度地图在html文件里面加入 <head> <script type="text/javascript" src="http://api.m ...
ios 百度地图指定区域_iOS开发（第三方使用）——百度地图的简单使用（定位与当前位置的显示）...
使用cocoapods导入 pod 'BaiduMapKit' 在plist添加NSLocationAlwaysUsageDescription 去百度地图开发者中心注册帐号,并创建项目,拿到AK的值 ...
Vue引用百度地图API
Vue引用百度地图API 一. 通过官网申请ak 1. 打开百度地图官网,在开发文档中找到JavaScript API 2.点击账号和获取密钥 3.按照页面步骤操作即可二. 通过模块化引入 1. 安 ...
Vue项目引用百度地图并实现搜索定位等功能
Tip:本篇文章为案例分析,技术点较多,所以篇幅较长,认真阅览的你一定会学到很多知识. 前言:百度地图开放平台给开发者们提供了丰富的地图功能与服务,使我们的项目中可以轻松地实现地图定位.地址搜索.路 ...
android 百度地图闪退,Android使用百度地图出现闪退及定位时显示蓝屏问题的解决方法...
使用百度地图出现闪退一般情况下出现闪退是在AndroidManifest.xml文件中未在application标签中配置 android:name="com.baidu.lbsapi.A ...
关于百度地图js api的getCurrentPosition定位不准确的解决方法
关于百度地图js api的getCurrentPosition定位不准确的解决方法参考文章: (1)关于百度地图js api的getCurrentPosition定位不准确的解决方法 (2)http ...
百度地图点击地图类型控件切换普通地图、卫星图、三维图、混合图（卫星图+路网），右下角是缩略图
百度地图点击地图类型控件切换普通地图.卫星图.三维图.混合图(卫星图+路网),右下角是缩略图 <!DOCTYPE html> <html> <head> < ...
引用百度地图做的导航路径
引用百度地图做的导航路径 *主要有的功能为输入地址进行导航 * **用的话修改好自己的百度地图key 还有你的目的地改一下就可以直接用也添加了单击事件适用于移动端 ** 这是模糊查询下 ...
在iframe标签中引用百度地图
在iframe标签中引用百度地图创建百度地图链接http://api.map.baidu.com/lbsapi/creatmap/index.html 获取位置在地图上输入你要获取的位置,然后复制 ...

解决引用百度地图点击详情无法定位到相应位置问题

解决引用百度地图点击详情无法定位到相应位置问题相关推荐

最新文章

热门文章