googleMapsApi の Rectangle で矩形を描く

2021年9月17日2021年10月24日

基本的なところだけです。

参考

Google Maps（グーグルマップ）上に矩形(Rectangle)を描く方法

コード

rectangle = new google.maps.Rectangle({
    strokeColor: "#4eb880", // 枠の色
    strokeOpacity: 0.8,     // 枠の透明度
    strokeWeight: 1,        // 枠の太さ
    fillColor: "#9ad5b1",   // 塗りつぶしの色
    fillOpacity: 0.45,      // 塗りつぶしの透明度
    draggable: false,       // 移動
    map: map,               // マップ
    bounds: {               // 四隅の座標
        north: 35.683718,
        south: 35.673247,
        east: 139.732971,
        west: 139.721037,
    },
});