平面図の座標系でグリッド表示(Leaflet)プログラムの概要とデモLeafletのCRS座標系を使って、CADの平面図の座標系で、グリッドを表示するサンプルプログラムです。デモを実行HTMLソースを表示ソースの説明HTML、CSSのソースHTML、CSSのソースは、地図にボタンを表示と同じです。JavaScriptのソース平面図の上に、線や円などのベクタ画像を表示するサンプルプログラムです。Leafletを使った平面図の表示方法は、平面図の座標系で表示と同じです。サンプルでは、全体表示で表示される範囲を枠の色として表示しています。全体表示で表示される範囲の5倍の領域に対して、線を描画することでグリッドを表示しています。グリッドは、5本毎に色を変えています。グリッド表示関数には、グリッド間隔を指定して表示しています。日本の木造建築の建物は、0.909mを基本として設計されることが多いので、0.909と指定すると、柱の中心線と一致する場合が多いです。