本文共 658 字，大约阅读时间需要 2 分钟。

一，JS缓冲区绘制

getScript("/static/plugin/jsts/javascript.util.min.js"); getScript("/static/plugin/jsts/jsts.min.js");

主要参考代码段：

var distance = 10;geoInput = {    type："LineString",    coordinates：overviewPathGeo}; var geoReader = new jsts.io.GeoJSONReader();geoWriter = new jsts.io.GeoJSONWriter(); var geometry = geoReader.read(geoInput).buffer(distance);var geoBuffer = geoWriter.write(geometry);

根据输入的geoInput多段线，计算后返回缓冲区geoBuffer；以一个矩形为例，根据具体代码调试，可看到返回geoBuffer包含多个坐标数组；

geoBuffer.coordinates[0]表示外环，若只绘制外环，显示效果为：

geoBuffer.coordinates[1]表示内环，若只绘制内环，显示效果为：

若采用循环，可实现环形绘制：

if (geoBuffer.type !== 'MultiPolygon') {    for(i=0;i

内外环会自动进行异同分析，绘制效果为：