javascript - JavaScript または jquery を使用したジオメトリ (CONVOLUTION) 関数

Question

私はこれを 3 か月間実行しようとしています。次のように、ルート方向ごとにポリゴンを作成する必要があります。

だから私はこれを書きます：

directionService.route(request, function(result, status) {
    if (status == google.maps.DirectionsStatus.OK) {
      directionsRenderer.setDirections(result);
        var r = [];
        var z = 0.5;
        var bla = result.routes[0].overview_path;
        for(var i=0 in result.routes[0].overview_path) {
            r.push(new google.maps.LatLng(bla[i].lat()+z, bla[i].lng()-z));
        }
        bla.reverse();
        for(var x=0 in bla) {
            r.push(new google.maps.LatLng(bla[x].lat()-z, bla[x].lng()+z));
        }

        var prva = new google.maps.Polyline({
            path: result.routes[0].overview_path,
            strokeColor: "#00000",
            strokeOpacity: 1.0,
            strokeWeight: 2
        });

        prva.setMap(map);

        druga = new google.maps.Polygon({
            paths: r,
            strokeColor: "#FF0000",
            strokeOpacity: 0.8,
            strokeWeight: 2,
            fillColor: "#FF0000",
            fillOpacity: 0.35
        });

        druga.setMap(map);

    } else {
      alert("Directions query failed: " + status);
    }
  });

しかし、場合によっては良い場合とそうでない場合があるため、私のコードはこれを生成します:

悪いケース:

良いケース:

では、この問題を解決して、ルート方向によって素敵なポリゴンを取得するにはどうすればよいですか??? 誰かがアイデアを持っていますか？

これをコードに実装する方法:

畳み込みアルゴリズム

私の問題の解決策はありますか?

これ以外に必要なものを作成する方法はありますか?