アプリケーション開発」カテゴリーアーカイブ

【Google Maps API】ピクセル座標の逆算と、「フラクショナルズーム」をあえて無効にした理由

先日公開した「Google Maps エリアエディタ」を開発する中で、地図上の「ピクセル座標(X, Y)」から「緯度経度(LatLng)」を自力で逆算しなければならない場面に直面しました。 その実装のために調べてわかった… 続きを読む »

【Google Maps API】自作のバニラJSコンポーネントをReact・Vue・Svelteで使い回す方法

先日公開した「Google Mapsエリアエディタ」は、特定のフレームワークに依存しないバニラJS(純粋なJavaScript)で実装しました。 バニラJSでドメインロジック(地図の計算や描画)を独立させておくと、Rea… 続きを読む »

【Google Maps API】マーカーのドラッグ移動範囲を制限する裏技(透明マーカーの活用)

先日、Googleマップ上でPowerPointのように図形を変形・回転できるエリアエディタを公開しました。実はこのコンポーネントを実装する中で、地味に苦労した(そして工夫した)のが、「マーカーのドラッグ移動範囲の制限」… 続きを読む »

Googleマップ上でPowerPointのように図形を操作したい!回転・変形自在なエリアエディタを自作してみた

少し前、とある案件で「Googleマップ上で、PowerPointみたいに図形を回転させたり変形させたりして、直感的にエリアを指定したい」という要望がありました。 標準の Google Maps JavaScript A… 続きを読む »