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

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

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) {
                // 在矩形内    做某事                      
            }




你可能感兴趣的:(asp.net,UI)