JavaScript│株式会社シーポイントラボ

【React】「React Leaflet」ライブラリでダブルクリックした場所の緯度経度を取得する

タイトル通り、React Leaflet で表示した地図の上でダブルクリックしたことを検知し、その場所の緯度経度を取得する方法についてです。記述内容としては大したことはないのです […]

　React はコンポーネントベースで UI（ユーザインタフェース）を定義する機能を持ったライブラリです。自分の場合 React を web 上で使うことが多いです。 React […]

ちょっとした小ネタ未満ですが、今後も使いそうなので自分のための備忘録としてまとめ。 React Leaflet で表示している地図の表示範囲を指定する方法についてです。 […]

　何がしかの並び順を自由に設定できる様にしたい、という要望があります。そういった際、快適なユーザ体験のためによくある実装パターン（多分。ネットを漁ったところ素の JavaScrip […]

　ある要素が画面内にあるか否かで web ページの動作を変えることがままあります。これを実現するのによく使われるのが画面と要素の位置と大きさを測る関数をスクロールイベントで発火させ […]

以前、👩 のような絵文字を含む文字列の扱いに苦戦したので備忘録としてまとめ。ライブラリの存在を知らなかったので、自力で実装しましたが、当然ながらライブラリ使った方 […]

　ある幅まで来たら文字列を折り返す処理をスクラッチしたい時があります。これは次のデモの様に実現できます。　この処理は雑なものならば簡単にできるのですが作りこむと案外難しいです。こ […]

「react-leaflet」ライブラリで、マップをマウスでドラッグして離した際、その時の地図の中心に表示されている地点の緯度経度を取得する、という機能を実装したので備忘録としてま […]

　昨日の記事で多角形を強調して表示し、その多角形の内外で異なる動作をするプログラムを作りました。【JavaScirpt】【Leaflet】任意の多角形領域の外側だけ色付けしたレイ […]

　Leafletは地図を表現するためのJavaScriptのライブラリです。これはよく次のコード（デモの各タブから参照してください）の様にタイルレイヤーとして様々な世界地図を読み込 […]

諸事情あって、正規表現のパターンをどうしても文字列で定義したかったので、RegExp オブジェクトを使って実装しました。で、今後も使いそうなのでサンプルコードのコピー＆ペースト元 […]

とある処理で、文字列を20文字程度で分割して、分割後の文字列を配列に格納する、という処理を実装したので備忘録としてまとめ。正規表現を使ったので、ちょっとだけ手間取りました…。実 […]