地図上に線を引くだけではなく中を塗りつぶすような描画をしたい

[snowdrops89]

addLineのように、lnglatsで囲った中を、指定した描画色で着色したいという希望です。
地図境界表示した時に、点線の中にマウスが入ると着色しますが、ああいう感じです（マウスオーバーでというわけではなく）
具体的な用途としては、大火の焼失地域を表示してみたり、町人地と武家地を塗り分けてみたりといったようなことです。
すみません。canvasにlineを引くようなイメージだったのでfillもできるかしら？　と安易に考えたのですが、難しかったでしょうか。
とりあえず、要望として上げておきます。

[kochizufan]

コミット 0ce7a5a (vectorブランチ)で対応できました。
masterへの適用は全要望が完了してからまとめて行います。

動作はこんな感じです。

これまでの動作（まだ動くようにはしてあります）

      app.core.addLine({
        lnglats: [
          [141.151995, 39.701599],
          [141.151137, 39.703736],
          [141.1521671, 39.7090232]
        ],
        stroke: {
          color: "#ffcc33",
          width: 2
        }
      });

新しいAPI（線の場合：上記と全く同じ動作です）

      app.core.addVector({
        type: "Line",
        lnglats: [
          [141.14791274070737, 39.69741334474737],
          [141.14660382270813, 39.69681897707071],
          [141.14725828170776, 39.69597694743377],
          [141.14853501319885, 39.69661259820805],
          [141.14900708198547, 39.696034734109695]
        ],
        style: {
          stroke: {
            color: "#ff0000",
            width: 2
          }
        }
      });

新しいAPI（ポリゴンの場合）

      app.core.addVector({
        type: "Polygon",
        lnglats: [[
          [141.15129232406616, 39.6978013319974],
          [141.14970445632935, 39.696967569469734],
          [141.15129232406616, 39.695877884448194],
          [141.15272998809814, 39.69686850790594],
          [141.15129232406616, 39.6978013319974]
        ], [
          [141.15143179893494, 39.697273008396415],
          [141.1508524417877, 39.69687676304167],
          [141.15146398544312, 39.69657957753276],
          [141.15143179893494, 39.697273008396415]
        ]
        ],
        style: {
          stroke: {
            color: [0, 255, 0],
            width: 2
          },
          fill: {
            color: [0, 255, 0, 0.4]
          }
        }
      });

線、ポリゴンとも、色に透明度を指定しなければ、"#ff0000"のような形で指定できるようですが、透明度を加える場合には、文字列での指定はできなくて、数字の配列で指定するしかないようです。
数字で指定する場合の色は、第1～第3要素までがRGBの順で0～255までの数で指定、第4要素（省略可能）が透明度で0～1の間の小数値指定です。

線やポリゴンを消す場合は、

    app.core.clearLine();
    // または
    app.core.clearVector();

で消せますが、この両者は全く同じ動作で、clearLineをしても線だけが消えるということはなく、ポリゴンも一緒に消えます。
線だけ、ポリゴンだけを消したり、あるいはマーカーと同様に、消す線/ポリゴンを一部だけ指定できるような機能もいずれつけますが、取り急ぎはここまでとしたいと思います。

[kochizufan]

ちなみにですが、ポリゴンで座標値が

        [[
          [141.15129232406616, 39.6978013319974],
          [141.14970445632935, 39.696967569469734],
          [141.15129232406616, 39.695877884448194],
          [141.15272998809814, 39.69686850790594],
          [141.15129232406616, 39.6978013319974]
        ], [
          [141.15143179893494, 39.697273008396415],
          [141.1508524417877, 39.69687676304167],
          [141.15146398544312, 39.69657957753276],
          [141.15143179893494, 39.697273008396415]
        ]],

のように座標列を複数持っている理由は、1つ目の座標列が外側の境界、2つ目以降の座標列が内側の境界として動作して、ドーナツ状のポリゴンが作れるようにするためです。
2つ目以降（内側の境界）は省略できますが、その場合でも配列の階層を減らすことはできません。

[snowdrops89]

ありがとうございます！！！
できました！　素晴らしい（≧▽≦）
色指定や透明度については、HTMLやCSSで使えるrgba(255,0,0,.5)やhsla(0,100%,50%,.5)などが全て普通に設定できるようなので、大丈夫ですよ☆