image.png

很多影视剧、品牌宣传、新媒体运营涉及到行政区划相关的地图制图很容易“翻车” 。
产生该问题的原因不外乎两点：数据源不正确，地图绘制不正确。数据源不正确的最大原因是互联网上搜索的行政区划数据本身就是错误。绘制不正确主要因为在地图绘制时候漏绘如钓鱼岛、九段线、台湾省等要素缺失。
本文主要介绍如何使用地理可视化引擎 L7 绘制一幅标准的行政区划地图并介绍标准地图绘制关键要点。文末附最新中国民政部的全国省、市、县三级行政区划数据获取方式。

先看一下一幅标准的行政区划地图包含哪些部分：

  • 行政区绘制
  • 省界
  • 海上省界
  • 香港边界
  • 标注
  • 国界线
  • 未定国界
  • 海岸线

    地图绘制

    主图绘制

    主图绘制主要包括行政区渲染，使用 L7 Polygon Layer 完成绘制即可
    image.png
    1. const filllayer = new PolygonLayer({
    2.     name: "fill",
    3.     autoFit: true
    4.   })
    5.     .source(fill)
    6.     .shape("fill")
    7.     .color("FillColor", (color) => {
    8.       return color || "rgb(0, 111, 189)";
    9.     })
    10.     .style({
    11.       opacity: 1
    12.     });

    省界

    各省之间的省界
    image.png

    文字标注

    文字标注香港和澳门标注需要单独处理文字不能相互遮盖。
    image.png

    海上省界

    | image.png | image.png | image.png | | —- | —- | —- | | 上海市与浙江省 | 福建省与浙江省 | 广东省与海南省 |

国界线

国界线包含九段线
image.png

海岸线

我国大陆海岸线北起鸭绿江口，南至北仑河口，总长度达1.8万千米，我国还拥有许多岛屿，比如台湾岛、海南岛、舟山群岛等等，这些岛屿的海岸线总长度约为1.4万千米。
image.png

未定国界

未定国界为中国和塔吉克斯坦的边界，目前其实已经是确定国界，之所以仍然标为未定界，是因为国内地图审查中国国界线所参考的标准样图是2001年的，而当时中塔南部边界协定尚未签订——2002年才就此签订条约，塔方更是2011年才批准上述条约。
image.png

香港边界

香港边界必须安装长短虚线绘制且长度比为 2：1
image.png
L7 绘制长短虚线

  1.  const xgLine = new LineLayer({
  2.       zIndex: 1,
  3.       name: "line"
  4.     })
  5.       .source(line)
  6.       .filter("QUHUADAIMA", (code) => {
  7.         return code === "xianggangjie";
  8.       })
  9.       .shape("line")
  10.       .size(0.8)
  11.       .color("#3e3f3f")
  12.       .style({
  13.         lineType: "dash",
  14.         dashArray: [8, 4, 4, 4]
  15.       });

全国县级数据

image.png

数据下载

数据来源：民政部全国行政区划信息查询平台&diji=-1&xianji=-1)
全国升级、市级、县级标准数据下载，
image.png

数据可视化引擎：https://github.com/antvis/l7 欢迎star
在线demo地址：https://olmzjg.csb.app/
数据仓库：https://github.com/lzxue/geodata

image.png