コンテンツにスキップするには Enter キーを押してください

mzsm.me Posts

Google Maps APIのストリートビューで擬似AR

こないだ仕事で、Google Maps JavaScript API V3を利用してとあるサービスのサービス拠点を検索・表示するページを作成しました。
要はマップを動かすとその中心点から近いサービス拠点を検索してマップ上にマーカーを表示するというよくあるアレです。

さて。

Google Maps API V3でストリートビューを表示できるようにするためには、streetViewControlというパラメータがtrueである必要があります。

今まではデフォルトではfalseだったため、明示的にtrueにしなければストリートビューが表示されることはありませんでした。

ところが。
先月10月ごろから、デフォルトがtrueに変更されました。

冒頭のサービス拠点検索ページもその影響でストリートビューが表示されるようになってしまい、納品前で余計な不具合を出したくなかったのですぐにfalseに変更しました。
が、どうやら先方の社内でストリートビューが見られることの評判が良かったらしく、戻して欲しいと言われたので戻しました。

そんなにいいものなのかと思って、実際にストリートビューで表示させてみたんですが、これがなかなか面白くて、マップ上に配置したマーカーがセカイカメラのエアタグのように表示されるんです。
近くにあるマーカーは大きく、遠くにあるマーカーは小さく。ちゃんと遠近感があります。さすがに高さは無理みたいですが。
たしかにこれは表示できたほうが拠点の案内サービスとしては親切でしょうし、納得です。

んで。
適当にデモを作ってみました。
30個ほどランダムでマーカーを配置してあるので、左上のペグマン(黄色いの)を道にドラッグ&ドロップしてストリートビューを表示させてみてください。

コードは以下のとおりです。


コメントする

竹鶴12年ピュアモルトハイボール (ニッカウヰスキー)

相変わらず技術ネタではなく酒のエントリばっかり続いてるけど、今回はビールじゃなくてウイスキー。
昨日、2日から発売になった竹鶴12年ピュアモルトハイボールを飲んでみましたよ、と。
image
サントリーの角瓶ハイボールを皮切りに、ブラックニッカクリアハイボール、トリスハイボールなどなど、サントリーとニッカの両社を中心に缶入りハイボールの争いが続く中、ここにきてニッカがプレミアム路線の商品を持ってきたみたい。


コメントする

金しゃちコーヒースタウトスタイル (盛田金しゃちビール)

よく黒ビールの風味はチョコレートやコーヒーなんかに例えられたりするわけですが、
この「金しゃちコーヒースタウトスタイル」は、何を血迷ったか本当にコーヒーを原材料に使っちゃった黒ビールです。
image


コメントする

エルディンガー ヴァイスビア オクトーバーフェスト (ドイツ・エルディンガー)

こいつは10月が終わる前に飲んどかないとなんか負けた気がする。

でもまだギリギリ10月。大丈夫だ、問題ない。

image
ビールのお祭り、オクトーバーフェスト用の限定ビール。

すっげー陽気な顔でジョッキをわんさか運んでますな。
…いいな、こいつら悩みとかなさそーで。


1件のコメント

銀座ライオンプレミアム (サッポロビール)

今日は一気に季節が冬に進んだようにものすごく寒かったわけですが、そんな日であろうとビールの新製品を見つけたらついつい買ってしまうのがビール好きの悲しい性…。

というわけでサッポロビールの数量限定品「銀座ライオンプレミアム」を飲んでみました。

image
なんか日付変わって今日27日発売ってことらしいんですが、日付変わる前の昨日26日にはもう売ってましたよ…?


コメントする