フリーダムの日記

GIS(地理情報システム)を中心に技術的なことを書いています。

ArcGIS

GDAL と felt の tippecanoe を使用してファイルジオデータベースから PMTiles を作成

大まかな流れは、[ファイルジオデータベース](https://pro.arcgis.com/ja/pro-app/latest/help/data/geodatabases/manage-file-gdb/file-geodatabases.htm)から [FlatGeobuf](https://flatgeobuf.org/) を作成して、FlatGeobuf から [PMTiles](https://docs.…

MapLibre GL JS から OpenAI API を使ってみる!

OpenAI API、MapLibre GL JS 、および ArcGIS ロケーションサービスを使用して、目的の場所の美味しいランチ情報を表示するアプリを作成しましたので、紹介していきたいと思います。表示しているピンをドラッグしてランチ情報を表示します。 [f:id:freedom06…

Cesium と ArcGIS の連携について

2023 年 5 月に Cesium と Esri の ArcGIS が正式に連携をサポートするニュースがありました。CesiumJS で ArcGIS のロケーションサービスを使用する機能を Esri と Cesium が正式にサポートされるようになりました。今回は、ArcGIS と連携した [CesiumJS](h…

ArcGIS で Cloud Optimized GeoTIFF (COG) を触ってみる

私の感覚として、FOSS4G などの OSS の世界では Cloud Optimized GeoTIFF(COG)というラスター データ フォーマットの利用に関しての記事が多く、実際に Qiita などの技術記事のなかでも紹介している例を多く見ます。 いっぽう ArcGIS では、[イメージ サー…

オープンソースの Koop からベクトルタイルに変換して MapLibre GL JS で表示してみる。

本エントリーは [Smart Maps Advent Calendar 2022 の 24日目](https://qiita.com/advent-calendar/2022/smart-maps)の記事です。 [https://qiita.com/advent-calendar/2022/smart-maps:embed:cite] ベクトルタイルを作成するツールなどは、幾つかあるかと思…

3D ライブラリ(Cesium)を使用して、3D都市モデル(Project PLATEAU)を表示してみた。

本エントリーは [ FOSS4G Advent Calendar 2022 11日目](https://qiita.com/advent-calendar/2022/foss4g)の記事です。 [https://qiita.com/advent-calendar/2022/foss4g:embed:cite] CesiumJS を使用して OGC Indexed 3D Scene Layers(I3S)で公開されてい…

Vue 3 で ArcGIS API for JavaScript(地図アプリ API)を使用してみる。

本エントリーは [Vue Advent Calendar 2022 3日目](https://qiita.com/advent-calendar/2022/vue)の記事です。 [https://qiita.com/advent-calendar/2022/vue:embed:cite] 今回は VueJS と地図アプリ開発用 API の [ArcGIS API for JavaScript](https://deve…

ArcGIS の OpenStreetMap (OSM) を使用してみた!

今回 Esri の ArcGIS API for JavaScript のリリース情報に OpenStreetMap(OSM)についての情報があり、OpenStreetMap(OSM)レイヤーを使用して、世界中で利用可能な 3D の建物や樹木を 3D での可視化が強化されたとのことで、久しぶりに色々と調べたり、…

3D Tiles から i3S に変換して、loaders.gl で表示してみる。

本エントリーは [FOSS4G Advent Calendar 2021 19日目](https://qiita.com/advent-calendar/2021/foss4g)の記事です。 [https://qiita.com/advent-calendar/2021/foss4g:embed:cite] [:contents] 最近地図表現のケースとして多くの場面で 3D の表現を見かけ…

ArcGIS と deck.gl の連携

本エントリーは [deck.gl Advent Calendar 2021 19日目](https://qiita.com/advent-calendar/2021/deckgl)の記事です。 ArcGIS と deck.gl の連携について紹介したいと思います。 Esri が提供している ArcGIS API for JavaScript からカスタムレイヤーとして…

kintone と地図連携による顧客リストの可視化

はじめに 本エントリーは kintone Advent Calendar 2021 16日目 の記事です。 qiita.com 今回初めて kintone を利用してみました。以前からずっと気になっており、Advent Calendar 2021 をきっかけにして触れることできました。kintone には開発者用のプログ…

React を利用したローコードツールによるアプリの開発

本エントリーは [React Advent Calendar 2021 11日目](https://qiita.com/advent-calendar/2021/react)の記事です。 昨年は「地図アプリ開発で React Hooks を利用して React コンポーネントを作成する」内容の記事を紹介しました。 [https://freedom-tech.h…

Node.js で ArcGIS REST JS を使ってみる。

本エントリーは [Node.js Advent Calendar 2021 5日目](https://qiita.com/advent-calendar/2021/nodejs) のエントリーです。 Node.js で Express を使用して ArcGIS が提供している ArcGIS REST JS を使用しました。 ArcGIS REST JS では、クラウドサービス…

Mapbox、Maptiler、ArcGIS の地図プラットフォームについて

本エントリーは ベクトルタイル [Advent Calendar 2021 4日目](https://qiita.com/advent-calendar/2021/vt)の記事です。 [https://qiita.com/advent-calendar/2021/vt:embed:cite] Mapbox、Maptiler、Esri 社の ArcGIS がクラウドサービスとして、ベクトル…

GPSデータを標高プロファイル ウィジェットで 3D マッピングしてみる

今回は GPS データを使用して、3D マッピングしてみました。地図は、[ArcGIS API for JavaScript](https://developers.arcgis.com/javascript/latest/) の[標高プロファイル ウィジェット](https://developers.arcgis.com/javascript/latest/api-reference/e…

JavaScript のモジュールシステム(ES モジュール)を使ってみた。

ES モジュールは、主要なブラウザで採用されている、モダンな JS を扱うための公式の標準化されたモジュール システムです。今回 [ArcGIS API for JavaScript](https://developers.arcgis.com/javascript/latest/) が提供しているモジュールシステムを利用し…

ArcGIS Platform のロケーションサービスを MapLibre GL JS で使ってみた。

MapLibre GL JS から ArcGIS Platform のロケーションサービスを使用してみました。MapLibre GL JS では ArcGIS Platform のロケーションサービスとして背景地図を表示してみましたので紹介したいと思います。 MapLibre GL JS とは、WebGL を利用したオープ…

ArcGIS Platform で 1km メッシュ別将来推計人口のベクタータイルを Mapbox GL JS で表示してみる。

今回は、国土数値情報で公開されている 1km メッシュ別将来推計人口(H30国政局推計)(shape形式版)を使用して、Mapbox GL JS で表示してみたいと思います。1kmメッシュ別将来推計人口(H30国政局推計)のデータを使用するに当たって、ArcGIS Platform に…

ArcGIS Platform で ベクタータイル ベースマップ を ArcGIS API for JavaScript で表示してみる。

Esri 社では背景地図として、ベクタータイル ベースマップを提供しており、グローバルとして提供しているため、世界中の地図を使用することができます。そのため、地図上で表示している言語も開発者が任意にして使用することもできます。 デフォルトでは、Es…

イベント報告(Web API LT会 )

先日久しぶりにイベントに参加して、LT(ライトニングトーク) をしました。 コロナのため参加はもちろん ZOOM での参加でした。 テーマは「Web API」の LT(ライトニングトーク:1人5分程度)でした。 LT(ライトニングトーク)は API(Application Program…

Mapbox GL JS を使用して到達圏解析を実装してみた。

今回は、Mapbox GL JS と ArcGIS Platform で提供されている到達圏解析のサービスを使用して、到達圏解析が実行できる簡単なアプリを作成しました。

ロケーションサービスの紹介

ArcGIS Platform で提供されているロケーションサービスは、背景地図サービス(ベースマップレイヤー)、ジオコーディングサービス、ルーティングサービス、空間分析サービス、人口統計などのサービスを使用することができます。ロケーションサービスは、Web…

ArcGIS Platform で Mapbox GL JS を使ってみる。

Esri 社から ArcGIS Platform が今月にリリースされました。これまでの ArcGIS Online での SaSS (Software as a Service) やオンプレミスでの ArcGIS Enterprise に加えて、新たに PaaS (Platform as a Service) が加わった感じです。 ArcGIS Platform は、…

全国市区町村界データを Tippecanoe で Mapbox Vector Tile に変換して、ArcGIS API for JavaScript で表示

Mapbox 社がオープンソースとして提供しているツール ”Tippecanoe” (発音は ”ティピカヌー”) を使用して、全国市区町村界データのシェープファイルを MVT 化して、Esri 社の ArcGIS API for JavaScript で表示してみましたので、その手順について紹介したい…

Mapbox、deck.gl、ArcGIS、Cesium について

本エントリーは [FOSS4G Advent Calendar 2020 21日目](https://qiita.com/advent-calendar/2020/foss4g)のエントリーです。 本ブログでは、これまで Mapbox GL JS や deck.gl、Cesium.js、ArcGIS API for JavaScript について幾つか紹介してきました。 いず…

地図アプリ開発で React Hooks を利用して React コンポーネントを作成する。

地図アプリの開発では、よく Google Maps API を使用するケースが多いと思いますが、最近は、Mapbox や ArcGIS、オープンソースを利用して開発するケースも増えてきています。今回は、ArcGIS の ArcGIS API for JavaScript で React を使ってみましたので、…

ArcGIS の OpenID Connect を使ってみた。

ArcGIS が OpenID Connect に対応したということで、試しに Google プラットフォームを利用して連携してみましたので、連携方法を含めて紹介したいと思います。 もともと ArcGIS では、SAML ログインをサポートしており、Shibboleth などの多くの ID プロバ…

大容量の GeoJSON を Mapbox と ArcGIS で表示

はじめに 今回は GIS でも馴染みがあるデータのひとつとして GeoJSON を Web アプリケーションで扱う方法として、Mapbox と ArcGIS を例にして紹介したいと思います。 GeoJSON は、Web アプリケーションなどで GIS データを利用する場合は 一番手軽に利用す…

ArcGIS API for JavaScript 4.16 リリース情報について

はじめに ここ最近は、フロントエンド側の描画エンジンとして、Esri の ArcGIS API for JavaScript 、Mapbox の Mapbox GL JS、Uber の deck.gl をよく触ったりしています。ライブラリは、JavaScript なので、フロントエンド側の技術のスピードが早いため、…

deck.gl で I3S (シーン サービス) を使用してみる

はじめに 今回は、deck.gl がサポートしている OGC の I3S を使用した例を紹介したいと思います。 以前に紹介した記事「ArcGIS API for JavaScript で deck.gl を利用してみる」の中で、deck.gl が提供している Tile3DLayer に OGC の I3S がサポートされた…