百度地图搜索(三)

本文记录了百度地图API开发过程中遇到的问题及解决方法,包括显示路况信息、自定义搜索结果展示、判断点击事件来源、设置路线规划选项、解决地址反解析为空等问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

问题

开发中遇到的问题,记录一下

1、默认显示路况信息

var ctrl = new BMapLib.TrafficControl({
    showPanel: false //是否显示路况提示面板
  });
  map.addControl(ctrl);
  ctrl.setAnchor(BMAP_ANCHOR_TOP_RIGHT);
  ctrl.showTraffic();

2、去掉搜索结果面板上的‘去往终点的路线’几个字(自己找的简单方法,目测不正确的方式)

h1{display:none}

3、判断覆盖物的点击事件还是地图的点击事件

map.addEventListener("click", showInfo);
function showInfo(e) {
    console.log(e);
    //alert(e.point.lng);
    //alert(flag);
    //判断是不是覆盖物,单击地图时为null
    if (e.overlay==null) {
      endLng = e.point.lng;
      endLat = e.point.lat;
      getAddress(e.point.lng, e.point.lat);
      //sss1();
    }
  }

4、三条线路(最少时间、最短距离、避免高速)

路线数组在js方法中,不能加引号,引号会查询内容出差。

5、刚加载完成页面时,第一次点击地图,触发点击地图事件,获取经度纬度后地址反解析时,解析结果为空(null)
错误代码:

var address=null;
function getAddress(longitude, latitude) {
    //通过baiduMap API获取街道名称
    var point = new BMap.Point(longitude, latitude);
    var gc = new BMap.Geocoder();
    gc.getLocation(point, function (rs) {
      var addComp = rs.addressComponents;
      address = addComp.province + addComp.city + addComp.district + addComp.street + addComp.streetNumber;
    });
    return address;
  }

修改后:

var address=null;
function getAddress(longitude, latitude) {
    //通过baiduMap API获取街道名称
    var point = new BMap.Point(longitude, latitude);
    var gc = new BMap.Geocoder();
    gc.getLocation(point, function (rs) {
      var addComp = rs.addressComponents;
      address = addComp.province + addComp.city + addComp.district + addComp.street + addComp.streetNumber;
      sss1();
    });
    //return address;
  }
function sss1(){
      //alert(address);
      $('#end-input').val(address);
  }

自己分析原因:gc.getLocation()方法,因为内部实现为异步加载处理,所以第一次点击时没有执行完就return,通过方法调用去避免此类发生。

6、删除路线

function removeLuxian() {
    var alls = map.getOverlays();
    for (var i = 0; i < alls.length; i++) {
        var s = 0;
        for (var j = 0; j < markers.length; j++) {
            if (alls[i].stationId == markers[j].stationId) {
                s = 1;
            }
        }
        if (s == 0) {
            console.log(alls[i]);
            map.removeOverlay(alls[i]);
        }
    }
}

以上为个人处理的方式,有更好的处理方法,求交流。
百度地图api:http://lbsyun.baidu.com/cms/jsapi/reference/jsapi_reference.html#a7b3

内容概要:本文档提供了关于“微型车间生产线的设计与生产数据采集试验研究”的毕业设计复现代码,涵盖从论文结构生成、机械结构设计、PLC控制系统设计、生产数据采集与分析系统、有限元分析、进度管理、文献管理和论文排版系统的完整实现。通过Python代码和API调用,详细展示了各个模块的功能实现和相互协作。例如,利用SolidWorks API设计机械结构,通过PLC控制系统模拟生产流程,使用数据分析工具进行生产数据的采集和异常检测,以及利用进度管理系统规划项目时间表。 适合人群:具有机械工程、自动化控制或计算机编程基础的学生或研究人员,尤其是从事智能制造领域相关工作的人员。 使用场景及目标:①帮助学生或研究人员快速搭建和理解微型车间生产线的设计与实现;②提供完整的代码框架,便于修改和扩展以适应不同的应用场景;③作为教学或科研项目的参考资料,用于学习和研究智能制造技术。 阅读建议:此资源不仅包含详细的代码实现,还涉及多个学科领域的知识,如机械设计、电气控制、数据分析等。因此,在学习过程中,建议读者结合实际操作,逐步理解每个模块的功能和原理,并尝试调整参数以观察不同设置下的系统表现。同时,可以参考提供的文献资料,深入研究相关理论和技术背景。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值