オープンソースの地図ライブラリの「MapLibre GL JS」を使った様々なデータの表示方法やレイヤの表示切替方法をまとめました。
![【中級編】MapLibre GL JSを使ったWebGIS作成](https://cdn-ak-scissors.b.st-hatena.com/image/square/c64ba4801783757c89ed33a880ec8d5916b7435b/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--I4o6jnco--%2Fg_center%252Ch_280%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYm9va19jb3Zlci83MjVjMTUzNjJjLmpwZWc%3D%252Cw_200%2Fv1627283836%2Fdefault%2Fog-base-book_yz4z02.jpg)
オープンソースの地図ライブラリの「MapLibre GL JS」を使った様々なデータの表示方法やレイヤの表示切替方法をまとめました。
・掲載データは、市町村又は都道府県から提出されたGISデータや総括図等の資料を用いて、国土交通省都市局都市計画課において整備したものです。 ・掲載データは、建築確認申請や不動産重要事項説明等の手続に用いることを保証するものではなく、参考情報として利用を想定しています。 ・掲載データに含まれる地区・地域の範囲は、概ねの位置を示すものであり、実際の都市計画の決定範囲等と異なる場合があります。 ・地方公共団体がGISデータを保有していない、あるいはGISデータとして公表できないといった理由から、都市計画決定があっても本サイトに掲載されていないデータがあります。 ・掲載データは、当該自治体の都市計画等の情報全てではないことがあります。 ・都市計画区域ポリゴンを、行政区域界、市街化区域界、市街化調整区域界から作成している自治体が一部に含まれております。 ・掲載データは、最新のものではないことがありま
Overture 2024-03-12-alpha.0 is now available. Here are the highlights of what’s new and updated in Overture’s 2024-03-12-alpha.0 release. We changed camelCase to snake_case in the schema for properties to be more compatible with some SQL engines. This may break your existing code and queries. This release also includes an expansion of GERS IDs across several themes and incremental updates to schem
The MapLibre Organization is an umbrella for open-source mapping libraries. MapLibre GL JSOpen-source TypeScript library for publishing maps on your website. Great performance due to GPU-accelerated vector tile rendering. GitHub API Documentation Plugins Style Spec MapLibre NativeOpen-souce C++ library for displaying maps inside of your mobile applications, desktop application, or embedded devices
MapLibre GL JS大好きな私でございます。 以前、GIS系のハッカソンで@smellman さんにMaputnikを使ったベクトルタイルの設定を教えてもらいました。(今思うと貴重すぎる体験・・) 当時GIS初心者の私には難しく感じて、苦手意識を持っていたMaputnik・・ MapLibreのスタイルファイルに慣れてきて、ベクトルタイルを愛用するようになった今こそ、Maputnikを学び直し、使えるようになるのだ!! という謎の気合を込めて書いた記事になります。 ということで、国土地理院のベクトルタイルからMaputnikを使って建物データを抽出してスタイリングし、MapLibre GL JSで表示してみようと思います。 動作環境 OS: Window 10 MapLibre GL JS: version 2.4.0 ベクトルタイルとは 地図の内容をテキストとして格納する形式です
これは MIERUNE AdventCalendar 2023 24日目の記事です! 昨日は@northprintさんによるSvelteKitでURLクエリパラメーターの操作をするでした。 はじめに この記事では新宿駅の屋内地図データを使用して、Three.jsで3Dによる可視化をします。 DEMOはコチラ 使用するデータ 今回は、G空間情報センターで公開されている「新宿駅屋内地図オープンデータ」の統合版(ShapeFile)を使用します。 データについての詳細は製品仕様書に記載されています。 この記事のように、データの加工利用には以下の出典が必要となります。 コンテンツを編集・加工等して利用する場合は、上記出典とは別に、編集・加工等を行ったことを記載してください。なお、編集・加工した情報を、あたかも国(又は府省等)が作成したかのような態様で公表・利用してはいけません。(コンテンツを編集・
オープンソースの地図ライブラリの「MapLibre GL JS」を使った地図の表示、地物の表示方法をまとめました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く