fengxiang
2018-08-14 728b1eb711d9405f8cddfae0cdcbf479ae3c3190
百度地图网格固定
1 files modified
33 ■■■■ changed files
src/main/webapp/view/map.jsp 33 ●●●● patch | view | raw | blame | history
src/main/webapp/view/map.jsp
@@ -391,11 +391,10 @@
                                        longitude: _obj['longitude'],
                                        latitude: _obj['latitude'],
                                        monitorPointId: _obj['monitorPointId'],
                                        version:_obj['deviceVersion']['version']
                                        version:_obj['deviceVersion']['vers\t\t\t\t\t\t\t\t\t\tconsole.log(equStr);\nion']
                                    }
                                    var equStr = JSON.stringify(equ);
                                    if(window["console"]!=undefined){
                                        console.log(equStr);
                                    }
                                    if(!!window['external']&&!!window['external']['callWin']){
                                        window['external'].callWin(equStr);
@@ -447,10 +446,15 @@
    //map为地图对象
    // TODO 临时
    function bs() {
    function getBounds() {
        var bs = moralMap.getBounds();  //获取当前地图范围的经纬度
        // var bssw = bs.getSouthWest();        //获取西南角的经纬度(左下端点)
        // var bsne = bs.getNorthEast();        //获取东北角的经纬度(右上端点)
        if(!getBounds.topLeftAnchor){
            getBounds.topLeftAnchor = {};
            getBounds.topLeftAnchor.x0 =  bs.southwestLng;
            getBounds.topLeftAnchor.y0 =  bs.northeastLat;
        }
        return { 'x1': bs.southwestLng, 'y1': bs.southwestLat, 'x2': bs.northeastLng, 'y2': bs.northeastLat };
    }
    /**
@@ -466,17 +470,28 @@
        if(!isShowGrid||moralMap.getZoom()<14){
           return;
        }
        var XY = bs();
        var XY = getBounds();
        var polygons = [];
        console.log(XY);
        for (var i = XY.x1; i < XY.x2; i = i + 0.0063) {
            for (var j = XY.y2; j > XY.y1; j = j - 0.0048) {
        var X1 = XY.x1;
        var Y2 = XY.y2;
        var X0 = getBounds.topLeftAnchor.x0;
        var Y0 = getBounds.topLeftAnchor.y0;
        var width = 0.0063;
        var height = 0.0048;
        // var multiple = 1000000;
        if(!!getBounds.topLeftAnchor) {
            X1=X0 + Math.ceil((X1-X0)/width-1)*width;
            Y2=Y0 + Math.ceil((Y2-Y0)/height)*height;
        }
        for (var i = X1; i < XY.x2; i = i + width) {
            for (var j = Y2; j > XY.y1; j = j - height) {
                //此类表示绘制一个多边形覆盖物(注意:一定要下面的Point列表为多变形的顶点,描线顺序为从上到下,从左到右,顺序乱了,绘制出来的多边形也会乱,如图二所示,图二是将顶点的顺序给错了(网格左上端点,网格左下端点,网格右上端点,网格右下端点))
                var polygon = new BMap.Polygon([
                    new BMap.Point(i, j),    //网格左上端点
                    new BMap.Point(i, j-0.0048),  //网格左下端点
                    new BMap.Point(i+0.0063, j-0.0048),     //网格右下端点
                    new BMap.Point(i+0.0063, j)            //网格右上端点
                    new BMap.Point(i, j-height),  //网格左下端点
                    new BMap.Point(i+width, j-height),     //网格右下端点
                    new BMap.Point(i+width, j)            //网格右上端点
                ], {strokeColor:"blue", strokeWeight:2, strokeOpacity:0.5, fillOpacity:0.1});
                // polygon .addEventListener("click",function clickFunction(){
                //     alert("你居然敢点我");