Japan 公式ブログ
Google の企業向けソリューションに関する公式な情報やユーザーの事例などを、いち早く皆さんにお届けします。
ストリートビュー サービス、レンダリングとモバイル対応を強化
2016年9月26日月曜日
[この記事は、Elena Kelareva, Product Manager, Google Maps APIs による Geo Developers Blog の記事 "
New JavaScript Street View renderer brings rendering improvements and better mobile support
" を元に翻訳・加筆したものです。詳しくは元記事をご覧ください。]
自分で歩いているかのように身の周りの世界を散策できるストリートビューは、Google マップでも特に人気の機能です。
Google Maps JavaScript API のストリートビュー サービス
は世界中の開発の場で利用され、独創的でエキサイティングなアプリ作りに活かされています。実際にその場所を訪れているような感覚は、ストリートビューならではと言えるでしょう。
そのストリートビューの使い勝手が、一段とよくなりました。Google は、Google Maps JavaScript API ストリートビュー サービス向けの新しいレンダラーを公開しました。全体的によくなっていると自負していますが、モバイル機器での改善がとくに目立つ内容となっています。今回の記事では、その内容を余すところなくご紹介します!
表示の改善
なめらかな移動
ストリートビューで別の地点へ移動する際のアニメーションのフレームが増えました。従来の表示には、一歩一歩ジャンプしながら進むようなぎこちなさがありましたが、新しいレンダラーでは、歩いている感覚により近い、なめらかなアニメーションを実現しています。
従来のレンダラー
新しいレンダラー
アニメーションの読み込みも滑らかに
従来のレンダラーは新しいコンテンツを読み込みながら画像をリピートしていたため、画像が乱れることがありました。新しいレンダラーでは、読み込み中は解像度の低いイメージを使用します。このため、ストリートビューで視点を変えるときのアニメーションが以前よりもなめらかになっています。
従来のレンダラー
新しいレンダラー
オブジェクトモデリングの改善
レンダラーが新しくなったことで、ストリートビューのオブジェクトの見栄えがよくなっています。新しいレンダラーが構築する 360°のモデルは、可能性としてありえる全視点を考慮しているためです。一例として、高くそびえるこちらの建物をご覧ください。従来のレンダラーではくねくねと線が波打っていますが、新しいレンダラーではまっすぐなラインが伸びています。
従来のレンダラー
新しいレンダラー
もう 1 つ例を挙げましょう。従来のレンダラーでは、勾配のある斜面(たとえば急な坂道)で撮影されたイメージについては、オブジェクトがおかしな具合に傾いていました。新しいレンダラーはこうした傾きを修正するので、オブジェクトが正しく表示されます。
従来のレンダラー
新しいレンダラー
モバイルの対応強化
WebGL によるイメージ
新しいレンダラーは WebGL を利用しています(
対応ブラウザ
はこちら)。その結果として、フレームレートが高くなり、レンダリングが改善しています。その恩恵はモバイル機器でとくに顕著となっています。従来のレンダラーは、モバイル機器で見た場合、魚眼レンズで写したような画像を表示していました。WebGL ではその球体をレンダリングした画像を表示するため、実際の姿により近い見え方になっています。下の画像の例をご覧ください。モバイル機器で見た場合、従来のレンダラーでは端のほうが歪んでいましたが、新しいレンダラーでは道がまっすぐに表示されています。
従来のレンダラー
新しいレンダラー
タッチ操作に対応
モバイル機器でのウェブの利用が増えるにつれ、タッチ操作に慣れたユーザーはあらゆるものがタッチで動くことを期待するようになりました。新しいレンダラーは Android 向けアプリの Google マップで利用できた自然なタッチ操作のジェスチャー、すなわちピンチでのズームとダブルタップでの移動に対応しています。従来のレンダラーでは、ズームイン/ズームアウトの動作は「+/-」ボタンでしか実行できませんでした。移動についても、地面に表示された矢印をクリックする以外に方法がありませんでした。
モバイル機器のモーショントラッキングに対応
開発者は、モバイルアプリのユーザーがより自然な形で探索やインタラクトを行える機会を用意できるようになりました。今回の変更で、ストリートビューは「デバイスオリエンテーションイベント」に対応しています。これにより、モバイル端末を動かすことでストリートビューの視点を変えられるようになりました。なお、この機能は開発者の好みに応じて無効にすることができます。詳しくは
開発者向けドキュメント
をご覧いただくか、モバイル機器でドキュメントのリンクを開いて実際のモーショントラッキングをご覧ください。
コントロールの改善
X で前進
マウスやトラックパッドに対応したデスクトップ機器で利用する場合、カーソルの位置に「X」の形をした記号が表示されるようになっています。これは前進したときの次のカメラ位置を表します。矢印は移動する方向です。壁の四角形は、カメラが指す方向を表しています。
従来のレンダラー
新しいレンダラー
道路の名前、ラベル、ターゲットが読みやすく
新しいレンダラーでは、道路の名前やラベルがコントロールから分離しました。これにより、文字同士が重なってしまう問題が解決したほか、横書きの言語で表示される文字がより読みやすくなっています。
従来のレンダラー
新しいレンダラー
以上が新しくなったストリートビューの概要です。いかがでしょうか?
開発者の皆様からのフィードバックは、Google 製品を改善していくうえで必要不可欠です。バグの報告や新しい機能のご要望などがありましたら、
イシュートラッカー
よりお願いします。
Google Maps JavaScript API のストリートビュー サービスに関する詳しい情報は、
開発者向けドキュメント
をご覧ください。
0 件のコメント :
コメントを投稿
Labels
#GoogleCloudSummit
#GoogleNext18
#GoogleNext19
77 min Lunch
add on
admin
Advanced Solutions Lab
AI
AI Hub
AI Platform
Android
Anthos
API
App Engine
App Maker
apps
Apps script
ASL
atmosphere
Atmosphere Tokyo
AutoML
AutoML Natural Language
AutoML Translation
bigquery
Box
Calendar
Case Study
Chorme OS
Chrome
Chrome Enterprise
Chrome Enterprise 導入事例
Chrome for Work
Chrome ウェブストア
chromebook
chromebooks
Chromebooks for Education
Chromebooks for meeting
Chromebooks for Work
Chromebox
Chromebox for digital signage
Chromebox for meetings
Chronicle
Cisco
Cloud
Cloud Armor
Cloud AutoML
Cloud AutoML Natural Language
Cloud AutoML Translation
Cloud AutoML Vision
cloud connect
Cloud Dataflow
Cloud Identity
Cloud IoT Core
Cloud Load Balancing
Cloud Memorystore for Redis
Cloud monitoring
Cloud OnAir
Cloud Pub/Sub
Cloud Ranking
Cloud Services Platform
Cloud Storage
Cloud TPU
compliance
compute engine
Contact Center AI
Container Engine
Coursera
Deloitte
developers
Dialogflow Enterprise Edition
Drive for Work
Dropbox
earth api
Education
enterprise
Enterprise Japan
event
Evernote
Expo
Firebase
FISC
Forrester
G Suite
G Suite Business
G Suite for Education
G Suite 事例
G Suite 導入事例
G+
gadget
GAE
GCE
GCP
GCP 導入事例
GCP 認定資格チャレンジ
GDPR
GEO
GEP
GfWtips
GKE
gmail
Gmail、新機能
Gone Google
GoneGoogle
Google App Engine
Google Apps
Google Apps Blog
Google Apps for Education
Google Apps for Work
Google Apps Script
Google Apps ユーザー事例
Google Apps 導入事例
Google atmosphere
Google calendar
Google calender
Google classroom
Google Cloud
Google Cloud Certification
Google Cloud Next '18 in Tokyo
Google Cloud Next '19 in Tokyo
google cloud platform
Google Cloud Search
Google Cloud Summit '18
Google Cloud 認定資格チャレンジ
Google Commerce Search
Google Derive
Google Docs
Google Docs API
google drive
Google Drive for Work
Google Earth
google enterprise
Google Enterprise Day
Google for Education
Google for Work
Google form
Google hang-out
Google hung-out
google map
Google maps
google maps api
google maps api premier
Google Maps APIs
Google Maps for Work
Google Maps Platform
Google Message Continuity
google search appliance
Google Shopping
Google Sites
Google Springboard
Google Storage for Developers
Google Video
Google Wave
Google スライド
Google ドキュメント
Google ドライブ
Google フォーム
Google マップ
Google+
GoogleApps
GoogleApps、新機能、spreadsheets
groups
gsa
Hangouts Meet
healthcare
Hybrid Cloud Platform for Google Cloud
Inbox
INSIDE
iOS
iphone
ISAE 3402 Type II
ISO 27018
IT
Jamboard
japan
Kubeflow Pipelines
Looker
Lotus Notes
Machine learning
map
maps api
Maps 導入事例
Maps-sensei
Mapsコーナー
media
microsoft office
migration
mobile
new features
Next
Next Tokyo
OAuth
Office 365
Office of the CTO
Osaka
partner
Partner Interconnect
partner program
Partner Summit
postini
pricing
Qwiklabs
region
research
RSA
SAP
SAS70
search
Security
Security Key
seminar
Shizuoka
Signage
Sites
SMB
SSAE 16 Type II
startup
Status Dashboard
TensorFlow
Trial
Upload any files
vault
Veolia
Viacom
Virtual Conference
VMware
あっぷす先生
あっぷす先生 誤解をとく!
あっぷす先生会社訪問
イベント
インフラストラクチャ
おしえて!あっぷす先生
おしえて!くらうど先生
オフライン
クラウド
くらうど先生
サイネージ
サポート
セキュリティ
チームドライブ
チェンジマネジメント
デジタル トランスフォーメーション
テレワーク
パートナー
ハングアウト
プライバシー
まっぷす先生
ランキング
リージョン
ワークインサイト
円周率
海底ケーブル
企業検索
機械学習
互換性
事例
小売
新機能
働き方
認定資格
Archive
2019
8月
7月
6月
5月
4月
3月
2月
1月
2018
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2017
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2016
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2015
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2014
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2013
12月
11月
10月
9月
7月
6月
5月
4月
3月
1月
2012
12月
11月
10月
9月
8月
7月
6月
5月
4月
2月
2011
12月
10月
9月
8月
7月
5月
4月
2月
2010
12月
11月
10月
9月
7月
6月
5月
3月
2月
1月
2009
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2008
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
2007
12月
Feed
Follow @googlecloud_jp
Useful Links
G Suite
Google Cloud Platform
Google 検索アプライアンス
Google Maps
G Suite 公式アップデート情報
0 件のコメント :
コメントを投稿