Mapbox GL JS v3で実装予定のラスター関連の新機能を用いて、地理院 標高タイルに基づく、海面上昇シミュレータを作成してみました。ラスターの色を手軽に変えたりできるのは可視化の幅が広がりますね📝同じ機能がMapLibre GL JSでも実装されないかしら😅 #mapbox #mapboxgljs #地理院タイル

高知県0.5mDEMで「自分で作る色別標高図」を作成してみました。美しい...。 #mapbox #mapboxgljs #標高タイル #色別標高図

「自分で作る色別標高図」の色を少し調整してみました。綺麗です📝 #mapbox #mapboxgljs #標高タイル #色別標高図

#30DayMapChallenge Day 30 - "My favorite.." 『自分で作る色別標高図』です。 美しい...。 #mapbox #mapboxgljs #標高タイル #色別標高図 #剱岳

Primeros pasos con MapLibre: fork de código abierto de #Mapbox GL JS https://t.co/krkG64GEqv #JavaScript #Leaflet #MapboxGLJS

海面上昇シミュレータは、津波浸水シミュレーションにも応用が出来そうです📝 #mapbox #mapboxgljs #地理院タイル #標高タイル #海面上昇 #sealevelrise

#30DayMapChallenge Day 26 - Minimal 標高を2色で表現。 #mapbox #mapboxgljs #標高タイル

海面上昇シミュレータの全球バージョンです。 標高タイルにMapzen Terrain Tilesを使用しています。 海面が100m上がった世界線📝 #mapbox #mapboxgljs #Mapzen #海面上昇 #sealevelrise

海面が100m上がった世界線。 JAXAの海面上昇シミュレータとの比較です。 浸水範囲の傾向は概ね同じ📝 ←拙作　→JAXA #mapbox #mapboxgljs #Mapzen #JAXA #海面上昇 #sealevelrise

Make your maps ✨pop✨ with hover-enabled Popups. One of the most common use cases for Mapbox GL JS, popups allow you to show custom HTML (or simple text) when users hover over points of interest. Give it a try: https://t.co/6LxNlFVVbl #mapboxgljs #webmaps #webdev

Mapbox GL JS v3で「ラスターのカラー化」の試行📝地理院の「自分で作る色別標高図」風にアレンジ📝 サンプルコードでは、なぜか最適化されていない、mapbox.terrain-rgbやけど、mapbox.mapbox-terrain-dem-v1でもいけるのかしら？🤔 #Mapbox #mapboxgljs

結果として、気になっていた MapboxGLJS Version3 での「distance」expression を使うことができたので、満足。 なるほどこんな感じで使うのか。 https://t.co/Awgs1dhrbX #mapbox

#30DayMapChallenge Day 31 - "Extra edition.." 番外編です。 地理院の標高タイルに基づく『海面上昇シミュレーション』です。 #mapbox #mapboxgljs #標高タイル #海面上昇 #SeaLevelRise

Mapbox GL JS v3と地理院 標高タイルで「自分で作る色別標高図」を試行なう。やっぱりラスターの色を動的に変更できるのはとてもいい📝 #mapbox #mapboxgljs #標高タイル #色別標高図

Mapbox GL JS v3で作成した「自分で作る色別標高図」の全球バージョンです🗺️標高タイルにMapzen Terrain Tilesを使用しています。海底地形も色分けしています。標高の精度は地理院 標高タイルに比べると低いです。 #mapbox #mapboxgljs #Mapzen #標高タイル #色別標高図

#30DayMapChallenge Day18 - Atmosphere TOKYO SKYTREE in the Cloud !!! Whoooooooo!!! w/ #mapboxgljs rc.2, Mapbox Standard core style https://t.co/vM3t52i89f #GLSLスクール

MapLibreGLJS 上で、大量のジオメトリを飛ばしてみた！ （地球一周分しか描いてないとか、ズームインするとジオメトリが崩れる問題とかは残ってる） 実業務で何かに使えるんかい！？というのは置いといて、楽しい！！！ #mapboxgljs #maplibregljs #WebGLスクール

地理院 標高タイルに基づく「自分で作る色別標高図」です。 富士山が美しい...。 #mapbox #mapboxgljs #標高タイル #色別標高図

Zennに記事を投稿しました。 #mapbox #mapboxgljs #標高タイル #海面上昇シミュレータ #海面上昇 #sealevelrise Mapbox GL JS v3と国土地理院 標高タイルで海面上昇シミュレータを作成してみました｜shi-works https://t.co/YDWZdjoa7G #zenn

海面上昇シミュレーションの地形データ（標高タイル）の比較📝 浸水範囲は概ね同じ📝 ←地理院 標高タイル Mapzen Terrain Tiles→ #mapbox #mapboxgljs #標高タイル #Mapzen