AppleとGoogleのマップアプリに見るUXデザイン思想の違いを徹底比較
スマートフォンアプリの開発ではユーザーエクスペリエンス(UX)を高めることが重要で、優れたアプリには必ずと言ってよいほどUXを高めるデザイン上の工夫があるものです。人気の地図アプリである「Google Maps」と「Apple Maps」のUXデザインを比較すると、両アプリが異なる思想の下で緻密にデザインされていることがよく分かります。 Maps on iOS: Design Explosions #1 http://uxlaunchpad.com/designexplosions/1-mapping-on-ios.html 左がGoogleの地図アプリ「Google Maps」で右がAppleの地図アプリ「Apple Maps」。一見、よく似たデザインですが、UXデザインの思想は大きく異なっています。 ◆地図表示とツールの配置 これはGoogle Mapsのレイアウト。右の図は、ユーザー
Google Mapルート・乗換案内のURLパラメータまとめ
でも、Google Map API v3は、 まだルート案内の自転車とバス＆電車の交通機関が実装されていなくて、 （※正確に言うと、機能的には実装されているけれど、 日本では実装されていない。 GoogleMapでは使えるので後々実装する可能性は高いです） どうしたもんかなぁ〜と悩んでいて、 旦那にそれが出来ないんじゃ意味無いじゃんと言われ。。 そこで考えついたのが、 Google Mapのパラメータを使うという実装。 サイトに表示するGoogle Mapに表示することは出来ないけれど、 パラメータ付きのURLをリンクして、 Google Mapに飛ばせば、 自分の位置情報からルート案内、時刻の設定でページが表示するので、 ユーザーにとって便利になります。 基本のURLにパラメータを渡せばいいだけです。 https://maps.google.com/maps? Google MapのUR
スマホのUI向上!?ニョローっとGoogle Mapsを広げるJavascriptを作ってみたよ！
スマホのUI向上!?ニョローっとGoogle Mapsを広げるJavascriptを作ってみたよ！ 2014.07.27(Sun) 18:30 WEB制作 PC、スマホで表示を分けるブログ(ホームページ)を作っている時に悩みの種になるのがGoogle Mapsの埋め込み地図。スマホで大きく表示させるとスクロールしにくくなるし、小さく表示させると地図が見えにくくなる…。けっこう厄介なんですよね。 「結局、直接Google Maps見た方が早いや」というように、何かと形骸化しがちなページ内の埋め込み地図。少しでも実用的になったらなーと思い、ニョローッと表示範囲を広げることができるボタンを追加してみたので紹介します。 1ボタンをクリック(タッチ)すると地図が広がりますということで、サンプルはこんな感じです。地図の下にあるボタンをクリック(タッチ)すると、埋め込み地図が下にニョローっと広がります。
samulife.com - このウェブサイトは販売用です！ - リソースおよび情報
このウェブサイトは販売用です！ samulife.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、samulife.comが全てとなります。あなたがお探しの内容が見つかることを願っています！
全iPhoneユーザーに教えてあげたいGoogleマップを使いこなす10個の覚え書き！｜男子ハック
iPhoneおすすめアプリ全iPhoneユーザーに教えてあげたいGoogleマップを使いこなす10個の覚え書き！2012年12月15日996 @JUNP_Nです。とうとうiPhoneにGoogleマップが帰ってきました。新しいGoogleマップアプリは以前のものと比べて超パワーアップしています。ということで新しいGoogleマップアプリを使いこなすための10個の覚え書きです。 1. Googleマップアプリでストリートビューを表示する表示したい場所を長押ししてピンを付けます。その状態で画面下部に表示されている住所部分を上にスライドさせるとストリートビューの表示が出ます。 表示されたストリートビューの写真をタップすることでストリートビューモードになります。 もちろん矢印での移動や、グルグル見回したりなんかもできます。 2.Google マップアプリで経路検索をするGoogle マップアプリで
Google Maps Platform Documentation | Maps SDK for iOS | Google for Developers
Usage and billing Reporting and monitoring Terms of service Get Started Get Started with Google Maps Platform API Picker Billing & Pricing Security & Compliance Reporting & Monitoring FAQ Support and Resources Customer Care Incident Management Maps Maps JavaScript API Maps SDK for Android Maps SDK for iOS Google Maps for Flutter Maps Embed API Maps Static API Street View Static API Maps URLs Aeria
Googleマップの地図データを供給するゼンリンの開発拠点に潜入 （＠ＤＩＭＥ） - Yahoo!ニュース
調査スタッフ渾身の地図原稿がこちら。個人宅名が記載されているので、鮮明に表示することはできませんが、新設された建物などの細かい情報がぎっしり。これはプロのなせる業です。 ありえない駅名や地名、施設名などを表示する、ある意味斬新な「iOS 6」の純正地図アプリの登場で、最近、何かと話題の地図。やっぱり「Google マップ」は使いやすかった！と再評価する声が多くあがったが、地図右下のクレジットに注目！何を隠そうこの地図データを提供しているのはゼンリンです。しかも、Yahoo！の地図機能、「Yahoo!ロコ」の左下を見てもゼンリンの文字が。さすがは国内最大手の地図情報会社ですね。このほかにも多くのメーカーがカーナビ用の地図データとして採用しています。というわけで、ゼンリンの地図が気になったＤＩＭＥ取材班は、信頼と実績のゼンリンの地図ができるまでを潜入取材してきました！ 我々が訪れたのは、ゼ
Google Maps地図のタイル直接アクセスは規約上禁止なので注意すべきであること - Code for History
Google地図タイルは使っちゃダメ！ Appleのしょぼい地図化したiOS6ですが、Google地図復活系アプリが評判です。 http://hitoriblog.com/?p=11555 Google地図を使うサンプルもオープンソースで公開中です。 https://github.com/kishikawakatsumi/ClassicMap http://qiita.com/items/8d89eeea614ce4293514 技評で紹介されたものもあります。 http://gihyo.jp/dev/serial/01/ios_oss/0006 が、この辺、個人の遊びで使うのはOK*1ですが、ビジネスで使うのは完全NGです。 これらのソースは皆、直接Googleの地図画像を呼び出していますが、Google Maps APIの規約上、APIを叩く以外の形で地図画像を呼び出すのはライセンス違
iPhone 5やiOS 6端末でGoogleマップのWebアプリをフルスクリーン表示する方法 - もとまか日記
何かと話題のiOS 6のマップアプリですが、細かいことは何と言うか、諸事情により割愛、まあ頑張れアップルさん、としか言いようがありません。 で、そんなことより重要なのは、マップをどうするか。という人は多いかもしれません。 iPhone 5のテザリング＋iPhone 4Sを使えばiOS 5のマップアプリは使えたけど、さすがに２台を持ち歩くのは大変ですね(^^;; なので、GoogleマップのWebアプリを使うのが一番手っ取り早いけど、通常だとツールバーが残ってイマイチ感がある。 てことで、GoogleマップのWebアプリをフルスクリーン表示させるためのメモ。 とはいえ、作る時間ないしなぁ・・・と思って調べてみたら、既に以下の記事でその方法が紹介されてたので紹介します。 iOS6でGoogleMapsをフルスクリーン表示にしてみました - W&R : Jazzと読書の日々 dataスキームを使
ロンドンをまるごとストリートビューで体験しよう。
メディア関係者向けお問い合わせ先 メールでのお問い合わせ: pr-jp@google.com メディア関係者以外からのお問い合わせにはお答えいたしかねます。 その他すべてのお問い合わせにつきましては、ヘルプセンターをご覧ください。
jQuery MobileでGoogleMap APIを使ったサンプルがMITライセンスで公開されてた
なかなかいいサンプルだったのでシェア。 jQuery MobileでGoogleMap APIを使った サンプルがオープンソースで公開されて いました。ストリートビューなども表示する ことが可能です。興味の有る方はチェック してみては。 スマフォにGoogleMapを表示させるのに、Google Maps JavaScript API V3が必要みたいですが、これをスマフォ対応を簡略化するjQueryプラグイン、jQuery Mobileで使おう、というもの。 jquery-ui-map GoogleMap APIをjQuery Mobileで使ったサンプルです。jquery-ui-mapというプラグインも使用しています。このサンプルはMITライセンスでソースが公開されていますよ。 以下、デモのキャプチャです。 iPhone iPhoneでの実装状態です。 ランドスケープ時も自動で横幅をあ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マテリアルデザインで新しくなったiOS版 Googleマップの便利な機能5つまとめ : 二十歳街道まっしぐら
アップル地図、改善もグーグルマップへ「遠い道のり」 - 日本経済新聞
地図アプリは“スマホの金脈”だった、AppleがGoogleに対抗した理由を探る 
Google Maps API有料化の詳細発表、該当ユーザーは2012年初めに強制課金開始 
Googleマップをさらに便利にする選りすぐりの5つの機能 | ライフハッカー・ジャパン