Japan 公式ブログ
Google の企業向けソリューションに関する公式な情報やユーザーの事例などを、いち早く皆さんにお届けします。
みんな集まれ!Maps コーナー:Google Maps API でお店の場所も簡単検索
2016年12月8日木曜日
本日のテーマ
:Google Maps API でお店の場所も簡単検索
概要
:Google Maps API を使ってお店の場所を検索できるサービスの事例を紹介します。
ひーちゃん
:みなさん、まっぷす先生の後明です。今年は冬の到来が早いですね。東京では早速初雪、初氷の便りが聞こえてきました。11月に初雪というのは実に 54 年ぶりとのことです。さて、「みんな集まれ Maps コーナー」の第 2 回目のテーマは「Google Maps API を使った店舗検索サービス 」です。お店の場所を地図上に表示するウェブサイトは多数ありますよね。こうしたサイトでは、Google Maps API をどのように使っているのでしょうか? マルさん、事例紹介をよろしくお願いします!
現在位置からから探す
マルさん
:承知しました。店舗検索は、地図のもっとも多いユースケースであり、Google Maps API を活用した事例も数多くあります。今回は、レストランチェーンの
デニーズさんでの活用
をご紹介しましょう。デニーズさんは、2014 年にウェブサイトのリニューアルにあわせて、Google Maps API を活用し、店舗検索機能を再構築しました。実際の画面を見てみましょう。
[まっぷす先生 紹介]
まっぷす先生マルさん
こと 丸山 智康 は、Geospatial solution Architect として Google Maps APIs を活用した企業向けソリューションの構築を支援する傍ら、ブログや YouTube 動画を通じて技術情報をわかりやすく解説する「まっぷす先生」として活動しています。
まっぷす先生ひーちゃん
こと、Google Maps Sales Account Manager 後明 寿枝 のミッションは「ビジネス分野において位置情報にまつわる情報を整理して、人々がアクセスできて使えるようにすること」。お客様のご利用イメージがより具体的になるようなヒントをデモを交えてご紹介しています。
パソコンで
トップページ
の上部にあるメニューから「店舗検索」をクリックすると、上図のようなおなじみの Google マップが表示され、店舗を示すデニーズロゴのマーカーが地図上に表示されます。ここで表示されているものは地図の中心から一定の範囲にある店舗です。したがって、地図を左右上下に少し移動させたり、ズームレベルを変更すると、地図上に表示される店舗数も変わります。
画面の左側には、検索フォームや、店舗名や住所の一覧が表示されています。店舗は地図の中心から近い順で並んでいますね。それでは、検索フォームから地名や観光スポット等をキーワードとして入れてみましょう。すると、キーワードで示された場所を中心とする地図表示に切り替わって、その周辺の店舗情報が表示されます。たとえば、「東京スカイツリー」を入力し検索すると、東京スカイツリー周辺の浅草や錦糸町といったあたりも含めたお店が地図上に表示されます。
ひーちゃん
:デニーズさんは、スマートフォンのアプリもありますよね。スマートフォンでは何か違いがあるのでしょうか?
マルさん
:スマートフォンの場合、GPS情報をもとに現在地周辺の店舗情報を最初に表示します。ユーザーの位置を測定し、自動的に付近の店舗を表示させることができるというわけです。ユーザーはなるべく早く店舗を見つけたいと思っていますから、手軽にしかも素早く店舗の場所を得られるというのは、お客様の満足度向上にもつながります。
ひーちゃん
:デニーズさんでは、サイトのリニューアル後、店舗が探しにくいなどのお客様からのクレームが無くなったそうです。さらに、サイトのアクセス数も倍増し、ユーザーをお店に誘導する機能が整ったという評価をいただいています。
住所から探す
ひーちゃん
:住所からお店の場所を探したいということもありますよね。県名から市町村名、番地と順番にクリックしてお店の場所を探すというサイトは良くみかけますよね。
マルさん
:住所を正確にわかっている場合はこういう方法もありですが、住所の一部しか覚えていないとか、あの有名スポットの近くにあったということだけわかっている場合は、フリーワードで検索できると便利ですね。
Google Maps API の一つに、
Places API
というものがあります。この API を使うと入力された住所情報を自動的に補完する(オートコンプリート機能と言います)ことができます。Google マップの検索フィールドで、住所の一部を入力しはじめると、自動的に候補を表示してくれますよね。これと同様な機能です。具体的な例を、旅行検索サービスの
Tripping.com
というサイトで見ることができます。
たとえば、キーワードとして、「六本木」とタイプすると、「港区六本木」、「六本木ヒルズ」、「六本木駅」といったようにいくつかの候補を自動的に提示します。あとは、候補の中から所望のキーワードを選ぶだけで、その周辺の物件を探してくれるわけです。
ひーちゃん
:これだとうろ覚えでも大丈夫そうですね。
マルさん
:Places API は、Google マップで探すことのできる商業施設や有名スポット情報を返す機能も提供します。ユーザーが撮影した写真も閲覧できるんですよね。しかも、登録されている施設や場所は、全世界で 1 億件を超えています。
ひーちゃん
:なるほど。このAPIを組み合わせて使えば、お店以外の情報も見ることができて、さらに充実したサービスを提供できるわけですね。お店探しが楽しくなりますね。
お店への行き方を探す
ひーちゃん
:お店の位置がわかっても、最寄りの場所からそのお店までどういう経路でいけば良いのか、どの程度の時間がかかるかも知りたいですよね。ちょっと遠い場所だと交通手段も重要な情報です。Google マップには、こうした経路探索の機能が提供されていますが、Google Maps API にもあるのでしょうか?
マルさん
:はい、もちろんありますよ。デニーズさんのサイトでは、店舗の詳細情報の画面から最寄り駅や指定した場所から目的地までの移動経路や所要時間などを表示させることができます。また、移動手段は徒歩の場合と自動車の場合を切り替えることができて、徒歩の場合は歩道に近いところを、自動車の場合は道路の中央線に近いところで移動経路が表示されます。
ひーちゃん
:マルさん、ありがとうございます。Google Maps API を使った店舗検索も作り方次第でいろいろなケースがあるのですね。次回は、この経路探索のところももう少し教えてください。
[関連リンク]
動画シリーズ「
教えて Google Maps API
」
動画シリーズ「
動画シリーズ「教えて Google Maps API(中級編)
」
Google Maps 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 件のコメント :
コメントを投稿