タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
MAPBOX GL JS V2: 3D MAPS + CAMERA API + SKY API LAUNCH このブログでも何度か紹介したことがあるMapbox社が提供しているWebGLベースの地図ライブラリ Mapbox GL JSのver.2が公開されました。 Camera APIやSky APIなど、三次元での表現力を増すような新しい機能が追加され、またレンダリングスピードも向上しているそうです。 しかし、残念なことにオープンソースではなくなってしまいました。 Mapboxが提供するベースマップ(背景地図)などを使わなければ無料で利用することができたver.1と違い、ver.2はMapboxサービスのアクセストークンが必須となっています。また課金方法も変わっています。 下記、Issuesにver.2での課金について詳しい説明があります。 v2.0 changes merged wit
クソが! というわけで、Mapbox GL JSが2.0よりオープンソース・ソフトウェアではなくなりました。 github.com Mapbox SDK for iOSで起きたことがJavascriptでも発生したという感じです。 何が変わるの? mapbox.accessToken にアクセストークン(public access token)を埋め込まないといけなくなります。 以下のようなコードを試してみましょう。 <script> mapboxgl.accessToken = undefined var map = new mapboxgl.Map({ container: 'map', style: 'https://tile.openstreetmap.jp/styles/osm-bright-ja/style.json', center: [140, 35], zoom: 8 }
Mapbox社は10月20日、『ドラゴンクエストウォーク』の地図データに、Mapboxが採用されたことを発表した。『ドラゴンクエストウォーク』ではGoogle社の提供する「Google Maps Platform ゲームサービス」が使用されていたが、10月25日よりMapboxに移行作業が開始されるという。 📣プレスリリース! スマホ向け位置情報ゲーム『ドラゴンクエストウォーク』のベースとなる地図データにMapboxが採用されました✨!!10月25日より順次移行作業が開始されます。 #ドラクエ #ドラクエウォーク ▼プレスリリースはこちらからhttps://t.co/L20EL09eIO — Mapbox Japan (@mapbox_jp) October 20, 2023 『ドラゴンクエストウォーク』は、スクウェア・エニックスとコロプラが共同開発する位置情報RPG。プレイヤーは現実世
Mapbox today announced the launch of MapGPT, a new conversational AI service that allows automakers to create customized voice assistants capable of natural and actionable conversations on the go. MapGPT combines the industry-leading location services from Mapbox with real-time context about the driver's location, destination, and surroundings, making its comprehension and recommendations more rel
王者Googleマップにライバル登場!「Mapbox」はどこまで使えるか?:マップサービス最新動向 これまでWebサイトにマップ(地図)を載せるなら、「Googleマップ」(Google Maps JavaScript API)を使うのが「普通」だった。だが最近、「Mapbox(マップボックス)」が徐々に存在感を示し始めている。どれくらい「使える」のか、簡単な比較をしてみた。 自社のWebサイトに、店舗や拠点の場所を示す「地図(マップ)」を表示したい。それも、お仕着せのピン画像を1本立てただけのマップではなく、もっとカスタマイズして、顧客に価値を感じてもらえる独自のマップサービスを提供したい、という要望は多い。 そんな場合、これまでは「Googleマップ」のサービスを使ってマップを実装するのが普通だった。読者諸氏も使ったことがある、あるいは運用中という方々がいることだろう。機能も豊富で、構
Igor Lukanin for Cube Posted on Jan 29, 2021 • Originally published at mapbox-guide.cube.dev Building map-based data visualizations with Mapbox, React, and Cube.js 🗺 TL;DR: I'll explain how to build a visually appealing and fast web app with different kinds of maps. It'll be fun. Hey devs 👋 As you most likely know, there are many ways to visualize data, but when it comes to location-based (or ge
メモです。 これまでReact Nativeでの地図として、react-native-mapsを使ってきた。これを使うとiOSではAppleのMap、AndroidではGoogle Mapsで地図が表示される。 地図そのものの表現はこれでも特に問題はなかったものの、ビジュアライゼーションとかナビゲーション周りを実装したくMapboxを検討することにした。ちなみにナビゲーションに関してMapbox公式からはiOS、Android向けのSDKしか出ておらず、React Native向けのものはHommeという会社がOSSで開発しているものくらいしかめぼしいものがない。というわけでそっちはまたあとで考えるとして、ひとまずReact NativeでMapboxを動かすところまでやってみる。 今回試すのはMapsと呼ばれているサービスで、WebでJSだとMapbox GL JSを利用し、iOS/An
2019年、mapbox が日本にやってきた。ウェブ地図サービスmapboxをご存知の方がどのくらいいるだろうか。GoogleマップやAppleマップ、Yahoo!地図、マピオンなどの地図サービスを知っている人は多いかもしれないが、正直2019年現在 mapbox の名前を知っている人はよほどの地図マニアか業界関係者ではないかと思う。そして何より、Volunteered Geographic Information(VGI)の代表格であるOpenStreetMap の地図データを使いやすい地図APIやSDKに仕上げ、ウェブ地図からスマホのアプリまで多くのカスタマイズされた地図サービスを商用サービスとして提供するmapboxは、Google Maps API 一色だった業界を大きく塗り替え始めている。 この mapbox が日本を、そして世界を大きく変えていくと古橋研究室は考えている。ともす
人工衛星がどの位置にあるのか、mapbox上にパッと表示する方法です。 地図は地理院タイルを利用します。 衛星の位置はTwo Line Elements(TLE)をcelestrakから入手します。 TLEを緯度経度に変換するアルゴリズムは、sgp4が有名です。 このアルゴリズムは観測から15日後の衛星位置を数10km程度の誤差で予測できるすぐれものです。 自前で作ろうと思いましたが、アルゴリズムの中身を見ると精度が良いだけに面倒だったので、素直に既存のライブラリに頼ることにします。 node-sgp4 またユーザがTLEを入力できるようにしたいので、入力値がTLEをとして適切かバリデーションするのにもライブラリをお借りすることにします。 tle-validator サンプル デモ <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <
はじめに MaaSサービスを考える上で、地図は切っても切り離せない機能要件です。 そこで、現在急成長しているMapboxについて、今更ながらまとめました。 後半にGoogle Maps Platformとの比較考察をしていますので、ぜひ参考になさってください。 Mapboxとは 地図開発プラットフォーム さまざまなユースケースに最適な地図を簡単に構築することができる 特徴 カスタマイズ性 店舗データや気象、交通情報、航空写真などのデータを地図上にレイヤーとして重ね合わられる Mapboxも提供 Mapbox独自の地図API/SDKにより、検索やナビゲーション機能も一つのサービス上で提供できる Mapbox Japan 米Mapboxとソフトバンクの合弁会社 サービス 1. Maps 5種類のテンプレートスタイルを提供  Mapbox Studio テンプレートスタイルをベースに、地図の細
この記事は、「Python Advent Calendar 2019」の1日目の記事です。 Jupyter NotebookとMapbox GL JSを組み合わせて可視化してみました! 今回は、Pythonのバージョンはv3.7.2で環境構築しました。 python -V はじめに、各ライブラリをインストールします。 mapboxgl-jupyterをインストール。 pip install mapboxgl pandasをインストール。 pip install pandas jupyterをインストール。 pip install jupyter requestsをインストール。(起動時エラーとなった場合) pip install requests 各ライブラリのインストールが終わったらjupyter notebookを起動します。起動できたらこれで環境構築が完了です。これだけでjupyte
*当報道資料は、2023年10月4日(現地時間)にMapbox Inc.が発表したプレスリリースの抄訳の一部をもとにしています。 位置情報プラットフォームを提供するMapboxは本日、カスタマイズされた音声アシスタントを作成できる新しい会話AIソリューション「MapGPT」の提供を開始することを発表しました。 同ソリューションは、Mapboxが提供している位置情報サービスと、ドライバーの場所、目的地、周囲の状況などリアルタイムで取得される情報を組み合わせることにより、従来の音声アシスタントよりも優れた理解力とレコメンド機能を実現します。また、自動車メーカーは、音声アシスタントに使用する大規模言語モデル(LLM)をはじめ、参照する情報ソースや実行させるアクション、音声、アバター、性格、ウェイクワードなどあらゆる要素をカスタマイズできます。 MapGPTを使用することで、ドライバーにより安全・
人を移動させる努力とさせない努力。位置情報ゲームならではの面白さと苦労が語られた「mapbox/OpenStreetMap 忘年会 meetup #14」 ライター:箭本進一 2023年12月18日,「mapbox/OpenStreetMap 忘年会 meetup #14」が東京都内で開催された。デジタル地図を制作し,位置情報ゲームとも縁が深いMapbox JapanとOpenStreetMapユーザーコミュニティが交流するこのイベントでは,「信長の野望 出陣」(iOS / Android),「ポケモンGO」(iOS / Android)などのゲームに携わる人々が登壇。位置情報ゲームならではの人のコントロールなど,興味深いテーマが語られた。 ●「mapbox/OpenStreetMap 忘年会 meetup #14」登壇者一覧 ・古橋大地氏(青山学院大学 教授) ・高田 徹氏(マップボック
MapGPTは車両と統合されており、車両のナビゲーションやエンターテインメント、ストリーミングサービス、オートパイロット、空調システムなども会話で制御できる。マップのスタイルには、標準で「Mapbox Standard」スタイルの3D機能とライティング機能が適用される。76都市における2000以上のランドマークの3次元表示にも対応しているという。 関連記事 王者Googleマップにライバル登場!「Mapbox」はどこまで使えるか? これまでWebサイトにマップ(地図)を載せるなら、「Googleマップ」(Google Maps JavaScript API)を使うのが「普通」だった。だが最近、「Mapbox(マップボックス)」が徐々に存在感を示し始めている。どれくらい「使える」のか、簡単な比較をしてみた。 Wasmer、「Wasmer JavaScript SDK」を発表 WebAssem
はじめに Mapbox 社がオープンソースとして提供しているツール ”Tippecanoe” (発音は ”ティピカヌー”) を使用して、全国市区町村界データのシェープファイルを MVT 化して、Esri 社の ArcGIS API for JavaScript で表示してみましたので、その手順について紹介したいと思います。 今回以下のステップでそれぞれ構築しました。 Tippecanoe を使用して、mapbox vector tile に変換する場合に、シェープファイルを GeoJSON に変換する必要があります。そして、変換した GeoJSON を使用して、ベクタータイルを作成します。 ArcGIS API for JavaScript で作成したアプリは以下で確認することができます。 valuecreation.github.io 全国市区町村界データは ESRIジャパンが提供してい
はじめに 今回は、Mapbox地図内でクリックした任意地点で、町丁目ポリゴンと人口総数データをリクエストし、地図上に表示させてみました。主な技術要素・使用しているものは以下になります。 Mapbox および Mapbox GL JS JavaScript PHP TerraMap API(区画ポリゴンや統計データ等を提供するWeb API) ※今回使用している人口総数データは、令和2年国勢調査(2020年国勢調査)の結果に基づいております。 完成イメージ 今回の完成イメージは、以下の動画のようになります。 地図上の任意地点で、商圏分析の基礎データとも言える町丁目ポリゴンと人口総数データをリクエストし、表示させました。また表示したポリゴンをクリックすることで削除できるようにもしてみました。 商圏分析においては、範囲を指定して複数ポリゴンを一括で扱うことが多いと思いますが、分析対象の調整等で今
デジタルマップ活用の業界別事例Mapbox Japanでは、業界別デジタルマップの活用方法やデジタルマップ導入による効果について紹介した資料をご用意しております。無料でダウンロードいただけますので、ぜひMapboxのビジネス活用のご参考にご利用ください。 いますぐダウンロード 地図ゲーム開発におけるMapbox活用ガイド - Mapbox Gaming SolutionMapbox Japanでは、地図ゲーム開発におけるMapboxのプロダクト活用方法や地図ゲーム開発向け基本APIを紹介した資料を無料でご提供しております。ぜひMapbox活用のご参考にご利用ください。 いますぐダウンロード 【デモ】Mapboxと歩く京都観光マップ観光名所、京都の街を舞台にMapboxを活用したデモマップを作成しました。 旅行・観光業界の方はもちろん、Mapboxでどのようなマップが作れるのか知りたい方にも
February 16, 2023 Last week I published a story for The Washington Post that required an interactive slippy map. Lookup maps like this are a common pattern to show a geographic trend and let readers explore the data for their areas. For about five years, my instinct when working on these stories is to reach for Mapbox, which has continually pushed the field ahead with innovations like vector tiles
An introduction on implementing Mapbox, a popular location data platform, on your React Native application Introduction In this article, we are going to learn the basics of using Mapbox as a tool for integrating maps in React Native. While Google Maps is probably the most famous mapping system, there are various other worthy contenders in the market. What makes Mapbox one of the most prominent pla
Reactは、ユーザーインターフェースの構築に使われるポピュラーなJavaScriptライブラリです。ReactはDOMを操作するため、同じくDOMを操作して状態を管理する他のライブラリ(Mapbox GL JSなど)と連携させると、混乱してしまうことがあります。 このチュートリアルでは Mapbox GL JS を使用して地図をレンダリングし、地図の中心点の座標とそのズームレベルを表示し、ユーザーが地図を操作したときに表示される地図を更新する React ウェブアプリの作成方法を学びます。このチュートリアルで説明されている基本を使用するとReact と Mapbox GL JS の両方を使用する、より複雑なアプリを作成できるようになります。このチュートリアルでは React HooksとClass Componentsのコードを紹介しています。 はじめにMapboxアクセストークン あな
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く