Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

【React】Leafletの地図を簡単に実装できるReactコンポーネント「react-leaflet」 2020年2月4日 JavaScript プロジェクト内に地図を表示する時に、よく Leaflet というライブラリを使っているのですが、今回はその Leaflet を React コンポーネントとして簡単に実装できるライブラリ react-leaflet のご紹介です。 公式サイトはこちらから。 React-Leaflet · ⚛️ React components for 🍃 Leaflet maps https://react-leaflet.js.org/ Leaflet の公式サイトはこちらです。 Leaflet – a JavaScript library for interactive maps https://leafletjs.com/ 実装方法ですが、まず Le
はじめに 本エントリーは React Advent Calendar 2020 5日目のエントリーです。 qiita.com 地図アプリの開発では、よく Google Maps API を使用するケースが多いと思いますが、最近は、Mapbox や ArcGIS、オープンソースを利用して開発するケースも増えてきています。今回は、ArcGIS の ArcGIS API for JavaScript で React を使ってみましたので、インストールから簡単な地図データの表示までを紹介したいと思います。 今回使用したソース一式は以下の GitHub にも登録しています。 github.com 2021年の React Advent Calendar 2021 11日目の記事として、以下の記事も書きましたので、ご興味のある方はご参照していただければと思います。 freedom-tech.haten
Googleマップは航空写真に切り替えたり、ストリートビューで歩き回ったりするだけで、まだ見ぬ場所の雰囲気を味わうことが可能ですが、そんな航空写真のGoogleマップを自動車で走り回れるのが「2D自動車シミュレーター」です。 2D自動車シミュレーター on Google Maps http://framesynthesis.jp/drivingsimulator/maps/ 2D自動車シミュレーターで東名高速道路を爆走している様子は以下のムービーから見ることができます。 「2D自動車シミュレーター」で東名高速を爆走してみた - YouTube 「2D自動車シミュレーター」とは、航空写真のGoogleマップ上を車で自由に走り回れるシミュレーター。アウトバーンを全速力でぶっ飛ばしたり、エッフェル塔に突撃したりしてもOKです。キーボードの方向キーで操作でき、「Del」「PageDown」が左右の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く