Method multiPolygonToSVG

src/staticmaps.js:376–400

* Render MultiPolygon to SVG

(multipolygon)

   *  Render MultiPolygon to SVG
   */
  multiPolygonToSVG(multipolygon) {
    const shapeArrays = multipolygon.coords.map((shape) => shape.map((coord) => [
      this.xToPx(geoutils.lonToX(coord[0], this.zoom)),
      this.yToPx(geoutils.latToY(coord[1], this.zoom)),
    ]));

    const pathArrays = shapeArrays.map((points) => {
      const startPoint = points.shift();

      const pathParts = [
        `M ${startPoint[0]} ${startPoint[1]}`,
        ...points.map((p) => `L ${p[0]} ${p[1]}`),
        'Z',
      ];

      return pathParts.join(' ');
    });

    return `<path
      d="${pathArrays.join(' ')}"
      style="fill-rule: inherit;"
      stroke="${multipolygon.color}"
      fill="${multipolygon.fill ? multipolygon.fill : 'none'}"
      stroke-width="${multipolygon.width}"/>`;
  }

  /**
   *  Render Polyline to SVG