通过页面和后端结合爬取mapbox或四维图新数据

思路

1539323990(1).png

1539324131(1).png

确定区域

在这里使用高德js api获取行政区划数据

生成网格

使用前端turf组件进行网格构建

地图遍历

因为矢量瓦片需要完全加载完成后，才能下载，所以各位看官根据各自的网络情况设置时间。

数据上传

后台构建，由于数据可能较多，因此需要将数据分成数次提交

//四维图新地图
   var map = new minemap.Map({
        container: 'map',
        style: '//minedata.cn/service/solu/style/id/9225',
        center: [120.1579, 30.2287],
        zoom: 11,
//        pitch: 20,
        maxZoom:17
    });


//利用高德API和turf生成网格
 function drawBounds(areaName,level) {
        console.log(map.getSource("squareGridSource"));
        if(map.getSource("squareGridSource")!=undefined&&map.getLayer("squareGridLayer")!=undefined){
            map.removeLayer("squareGridLayer");
            map.removeSource("squareGridSource");
            map.removeLayer("squareGridTextLayer");
            map.removeLayer("squarePolygonLayer");
            map.removeSource("squarePolygonSource");
        }
        var opts = {
            subdistrict: 0,   //获取边界不需要返回下级行政区
            extensions: 'all',  //返回行政区边界坐标组等具体信息
            level: 'district'  //查询行政级别为 市
        };
        var district = new AMap.DistrictSearch(opts);
        //行政区查询
        district.setLevel(level)
        district.search(areaName, function(status, result) {
            console.log(result)
            polygons = [];
            var bounds = result.districtList[0].boundaries;
            var points=[];
            for(var i=0;i

#后端代码 Python实现
def getJson(request):
    todo_list = {"id": "1", "content": "数据已接收，正在处理中..."}
    if request.POST:
        if 'geomDatas' in request.POST:
            print(todo_list);
            geomDatas=request.POST['geomDatas'];
            total_json = json.loads(geomDatas);
            print(total_json)
            for vo in total_json:
                print(vo)
                geometry=vo.get("geometry");
                properties=vo.get("properties");
                layer_id=vo.get("layer").get("id");
                source=vo.get("layer").get("source");
                addOneRecord(layer_id,json.dumps(properties,ensure_ascii=False),json.dumps(geometry),source);
        else:
            todo_list = {"id": "1", "content": "数据已接收，正在处理中..."}
    response = JsonResponse(todo_list, safe=False)
    return response
    
    
    
def addOneRecord(layer_id,properties,geometry,source):
    sql = "INSERT INTO minemap_data (layer_id, properties, geometry,source) VALUES ('"+layer_id+"', '"+properties+"', '"+geometry+"','"+source+"');";
    print(sql)
    conn = psycopg2.connect(database=dataBase, user=user, password=password, host=host, port=port);
    cur = conn.cursor();
    try:
        cur.execute(sql);
        conn.commit();
    except Exception as e:
        print(e);
    finally:
        conn.commit();
        cur.close();
        conn.close();
    cur.close();
    conn.close();#

--数据库建表语句
CREATE TABLE "public"."minemap_data" (
"layer_id" varchar(50) COLLATE "default" NOT NULL,
"properties" text COLLATE "default" NOT NULL,
"geometry" text COLLATE "default" NOT NULL,
"source" varchar(30) COLLATE "default",
CONSTRAINT "minemap_data_pkey" PRIMARY KEY ("layer_id", "properties", "geometry")
)
WITH (OIDS=FALSE)
;

ALTER TABLE "public"."minemap_data" OWNER TO "postgres";