百度地图API自定义坐标marker点利用覆盖物框选后获取marker点信息

1.载入自定义的经纬度数据数组。

2.调用多边形覆盖物工具栏。

3.矩形,其他形状暂无研究

4.矩形选择点。

5.点击解析方法。通过经纬度坐标【逆地址解析】获取到详细地址


百度案例:

逆地址解析示例:http://developer.baidu.com/map/jsdemo.htm#i7_4

矩形检索示例:http://developer.baidu.com/map/jsdemo.htm#i1_2

-------------------------------------2018年6月1日------------------------------------------

被人喷了,代码遗失,写写制作思路。

第一个代码块:百度API中的手绘矩形,通过绘制回调获取到矩形的四角坐标。

  var styleOptions = {
            strokeColor: "#d9534f",    //边线颜色。    
            fillColor: "#F4CDCC",      //填充颜色。当参数为空时,圆形将没有填充效果。
            strokeWeight: 2,       //边线的宽度,以像素为单位。         ");
            strokeOpacity: 0.6,    //边线透明度,取值范围0 - 1。 
            fillOpacity: 0.3,      //填充的透明度,取值范围0 - 1。 
            strokeStyle: 'dashed' //边线的样式,solid或dashed。    
        }

  //实例化鼠标绘制工具                                    
        var drawingManager = new BMapLib.DrawingManager(map, {
            isOpen: false, //是否开启绘制模式                   
            enableDrawingTool: true, //是否显示工具栏           
            drawingToolOptions: {
                anchor: BMAP_ANCHOR_TOP_RIGHT, //位置           
                offset: new BMap.Size(5, 5), //偏离值  
                drawingModes: [
                    BMAP_DRAWING_RECTANGLE
                ]
            },
            rectangleOptions: styleOptions //矩形的样式                    
        });
        //添加鼠标绘制工具监听事件,用于获取绘制结果                       
        drawingManager.addEventListener("overlaycomplete", overlaycomplete);

 var overlaycomplete = function (e) {
            overlays.push(e.overlay);
            pStart = e.overlay.getPath()[3];//矩形左上角坐标
            pEnd = e.overlay.getPath()[1];//矩形右上角坐标
        };

第二个代码块:百度接口中有判断围栏的功能,即一个点是否在某个矩形中。

  var pt = new BMap.Point(data_info[i][0], data_info[i][1]); //测试点
            var pt1 = new BMap.Point(pStart.lng, pStart.lat); //3象限       
            var pt2 = new BMap.Point(pEnd.lng, pEnd.lat); //1象限           
            var bds = new BMap.Bounds(pt1, pt2); //范围             
            var result = BMapLib.GeoUtils.isPointInRect(pt, bds);//判断一个点是否在某个矩形中
            if (result == true) {
                // 在矩形内    做某事                      
            }




  • 8
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 9
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

捣net菜菜

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值