Webマーケティングセミナー：ゴーガWebマーケティングセミナー

Google Static Maps APIを使うケース

JavaScript sAPIの方が利用範囲が広い、例えばStatic Maps APIではスクロールはできないなど制約がある。
モバイル向けのサイト、JSをサポートしていないデバイスでも使うことができる。
ユーザーにプレビュー画面として見せる。
おもしろいGoogleMapsを紹介しているサイトがあれば自サイトからリンクを張っているサイトがあります。その際にプレビュー画面としてStatic Maps APIを使っています。

より早いページのロードをしたいとき
JavaScriptはロード（読み込み）に時間がかかるという欠点があります。
地図自体がメイン・コンテンツでない場合は、表示が遅いとユーザーはほかのサイトへ去ってしまいます。そうならないように早く表示させるために画像として表示させる手法をとります。

Yelp
サンフランシスコのピザ屋の情報サイトを含んでいます。
トップページにやStatic Maps APIの地図を貼り付けていて、クリックをすると別ページに飛ぶ。ズームをクリックすると、JavaScriptのマップを読み込んで、小さな地図でJavaScriptのマップを表示させます。
まずStatic Maps APIを表示して、ユーザーが気づかないうちにJavaScriptのマップに表示を差し替えます。早いネットワークだとユーザーは差し替えられたことに気づかないほど処理が早いです。
ユーザーの満足感（早い表示）を得ることができます。

Google maps API for Flashを使うケース

JavaScriptの問題点は、はブラウザによって挙動が不安定で実用的でない場合が発生することです。この問題を回避するうえで、Flashは有効なツールとなります。
もともとFlashで作っているサイトが向いています。

例）和時計のサイト
昔は日の出から日の入りを尺度としていた、それをFlashで再現しています。
干支の画像とGoogleMapsの地図で位置を指定します。
スムーズがアニメーションで表現したい時に有効です。
　

例）GoogleMapsAPIのJavaScriptバージョン、地図上に国のポリゴンを表示させている、大変遅いです。
Flashでは瞬時にレンダリングできます。
多数のポリゴンを表示させる場合にはFlashでは有効です。

例）なめらかな画像を地図のうえに表示させたいとき。

例）レスポンスの早さを要求されるサイト。

例）Flashはバイナリーデータを扱えます。JavaScriptではコメットというテクニックがありますがパフォーマンスはあまりよくないです。
地図を使ったチャットルーム。地図のうえに描いた絵がほかのユーザーがみることができます。地図上に描いた絵のシェアリングです。
大量のデータをクライアントに送る場合に有効です。
JavaScriptはサイトにのせたくない、セキュリティ上の問題、JSのトラブルでサーバが止まってしまう可能性などがあるからです。
Flashを使った広告の中にGoogleMapsAPIのFlashマップを表示することも可能です。ドライビングルートを表示させる、JavaScriptを組み込むよりも敷居が低いです。

地図サービスの紹介

GoogleMapsAPI
誰でも自由にアクセスできるWEBなら無償
有償は１万ドル

Yahoo!Japan地図Web API
利用者自身の便宜を図る非商用目的にみに使用
商用目的で使いたい法人はデベロッパーに問い合わせ
　

地図APIのメリットとデメリット

一般に使われているgifなどで作られた画像地図は、デザイナーさんが自由に書くことができる、好きなランドマークが書ける、縮尺を自由にできる、デフォルトできる、などのメリットがあります。

画像地図のデメリットは、地図に変更があった場合にはその都度に修正が必要、修正の度にデザイナーさんに依頼するので費用がかかる。

APIのメリットは、変化は自動で修正される。大量の地図があっても位置情報だけで生成。ユーザーが自由にズームできる。地下鉄出口などが書かれているなど便利。

例）ポストマップ、ゴーガの社員の方が個人で制作しているそうです。桑村さんがゴーガに入る前に作っていました。
ユーザーが最初に開いたときにどのページにするかで悩んだが、アクセスをした位置を中心に情報を表示することにしたそうです。トップページの小さな地図は最新の登録情報が表示されるようにしています。
GoogleMapsAPIとYahooMapを併用しています。

例）マッシュアップアワードを受賞「doodle」
GPS着きの携帯電話で自由なコメントを記録、写真を投稿。今ココにいる情報を重視しています。
世界対応しているので、ロンドンやパリからの投稿も多いそうです。
第２回マッシュアップアワード優秀賞受賞。
方角検知
図書館検索
一部カーナビでも動く、Wiiでもうごく、プラットフォームフリー。

例）自転車大好きマップ
サイクリストがマウスでルートをGoogle map上に書くことができます。Flashを使用しています。代表取締役の小山さんが手伝っているそうです。

例）高速.jp　YahooMapを使用。
なぜYahooか。１年半前に開設。Yahooの方が地図情報が新しい。高速道路がGoogleMapsでは載っていないことがYahooよりも多い。

例）街みえるコム
数値メッシュデータ表示
企業ニーズがあるそうです。

例）ガソリン価格比較サイトgogo.gs
小さな地図で表示。食べログなどがうまい地図の使い方を使える。
地図をオブジェクトとしておいてあり、ほかのコンテンツを重視している。地図がメインだと地図だけで完結してしまう。

例）ドラゴンクエストの地図
スクロールやズームというユーザビリティが気に入られているので、使われている。

お知らせ

５分でわかるジオメディアの歴史
第３回ジオメディアサミット開催予定
立教大学、４／３です。

質疑応答

doodleのネーミングの由来、googleからきたのか？
doolは落書きをするという意味。

メッシュデータ表示
データをGoogleMapsに表示することは簡単。
どのエリアを表示するかを切るかを、考える。縮尺にあわせて出す地図エリアを指定する。
レンダリング
自分の作成したデータを乗せることは、座標に乗せる計算式がしっかりしていれば問題ない。