地図上の位置を指定してInstagramを観れるWEBアプリを作ってみた件

koco1

http://kocostagram.chappe-kiln.com/

Instagramの写真をGoogleマップをクリックして周辺の写真の一覧を見ることができる「kocostagram」をリリースしました。はじめて作成したサービスです。

使い方

使い方は簡単です。最初に以下の画面になります。

koco2

地図上でinstagramでみたいところをクリックします。

例えば、神戸市のあたりをクリックするとクリックしたところに「ここらへん」というざっくりしたアイコンが出て画面が移動します。

koco3

神戸市周辺の位置情報が付加されたInstagramの画像が表示されます。

koco4

下画像の垢で囲われている下メニューの真ん中の3本線のタブをクリックすると

koco8

Instagram風の画面になります。

koco5

また下メニューの検索アイコンをクリックすると

koco9

キーワードリストがでてくるので、キーワードを選択すると

koco6

キーワードに関連するサムネイルが表示されます。

koco7

画像をクリックするとInstagramへリンクします。

また右上の「マップ」をクリックすると最初の地図の画面に戻れます。

koco10

使用している技術

PHP、javascript、jQuery mobile、Instagram API、Google Maps API

SNSボタンは忍者ボタン

ロゴはsquarespacelogoで作成

最後に

ぜひ遊んでみてくださいね!!

世界をみよう。 – kocostagram
Instagram APIを利用した地図からInstagram画像を検索するサービス

この記事が気に入ったら
いいYo!しよう

著者にYoが届いて喜びます(/▽゚\)

→「いいYo!」ってなあに?

Twitterでちゃっぺをフォローしよう!

スポンサーリンク
ad_pc1
ad_pc1

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>