Google Maps Platform 15 のベスト プラクティス
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
(2018/9) Google Mapsの料金体系について - Qiita
2018/9/11 現時点での価格表・FAQに合わせて内容を更新しました。 Google Mapsの料金体系が変更になります 既にご存じの方も多いと思いますが、2018年6月11日（アメリカ西海岸時間）からGoogle Maps APIの料金体系が変更になりました。 Introducing Google Maps Platform Google Mapチームに直接問い合わせて確認した点も含めて、どう変更になるのかを紐解いて行きます。 Googleの目的は何？ Googleに確認したところ、今回のアップデートには2つの目的があるそうです。 1. キーなしで使っている人達の追跡 2. Googleも無料で続けることが苦しくなっている 1. キーなしで使っている人達の追跡 Google Maps JavaScript API v3の場合、歴史的な理由からAPIキーがなくても地図を表示することが出
Google MAPのサイト埋め込み、APIキー必須で有料になる！？ | 初代編集長ブログ―安田英久
Googleマップ（グーグルマップ）をホームページに埋め込みする際、「Maps Embed API」などのプログラムを使っていたら、APIキー必須で新しい料金プランに。ただし、［地図を埋め込む］ボタンで取得したiframeによるものならば、この変更の影響を受けない仕組みになっています。どの方式で埋め込まれているのか、チェックツールで調べてみましょう。 GoogleマップをWebサイトに埋め込んでいる場合、グーグル側の仕様変更により「APIキー」が必須となり、対応しない場合は7月16日から表示されなくなります。ただし、実はすべての埋め込みGoogleマップが対象ではなく、そのままで問題ない場合もあります。 結論としては、次のような切り分けです。 通常のGoogleマップから［地図を埋め込む］でページに設置したマップ ―― そのままで問題なしグーグルの「Static Maps API」「Map
6月11日以降、Google Maps APIによる地図表示が薄暗くなる／エラーになるケースも――「Google Maps Platform」移行で何が変わる？ 利用者は、APIキーと課金設定の確認を
Google Maps Platform の提供を開始 : Google マップのビジネス利用がさらに進化
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
Google Maps API のベースマップ スタイルのアップデート
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
Googleマップで応用編。
Google Maps JavaScript APIはJavaScriptで書かれてるので、JavaScriptを使えばいろいろ拡張できたりします:D。 ひとつの地図にマーカーをたくさん置いたり、1ページにたくさん地図を設置したり、地図と他のコンテンツを連動させたり、更新しやすくする工夫とか、いろいろおさらいしながらまとめてゆければと思います。 まずはマーカー周りのあれやこれやをまとめます！ 以下は目次です。クリックすると各項目へ移動します。 Google マップを表示する。 上下スクロールで地図をズームしないようにする マーカーを常に中央に表示する。 リサイズイベントを利用する リサイズし終わったら動かす 地図の大きさが変わった時だけ動かす 複数のマーカーを置く。 マーカーをふたつ置く マーカーをたくさん置く オリジナルアイコンをたくさん置く。 スマホでも綺麗に表示する 解像度が高いデバ
google maps javascript API v3 で大量のマーカーを制御する・まとめる（クラスタリング） - [ALL]| アクアリングBLOG
Google Maps便利ですよね。 案件でも所在地を表示したりするのによく使います。 とは言え、基本的には簡単なスタイル変更や、マーカー・情報ウィンドウのカスタムぐらいで、 あまりちゃんとした実装はやったことありませんでした。 （スタイル変更は「Styled Maps Wizard」使うとめちゃくちゃ簡単にできます。） なので今回は下の２つをやってみたいと思います。 ビューポート（bounds）内のマーカーだけ表示 マーカーが大量にある場合、マーカーをまとめる 今回のでできるのはこんなやつです。 demo [jsdo.it] — まずは、公式ドキュメントで「Too Many Markers!」というのがあるので、 それを簡単に見ていければと思います。 このドキュメントでは大量のマーカーを制御するための手段として ６つの項目について書いてます。 Grid-based Clustering
![google maps javascript API v3 で大量のマーカーを制御する・まとめる（クラスタリング） - [ALL]| アクアリングBLOG](https://cdn-ak-scissors.b.st-hatena.com/image/square/dc402617cc4e3010c697f6bd4a7a74fb22f58e2b/height=288;version=1;width=512/http%3A%2F%2Fwww.aquaring.co.jp%2Fcommon%2Fimages%2Fogp.jpg)
Google Maps JavaScript APIの使い方まとめ
公開日: 2015/09/01 | 更新日: 2017/07/05 Googleが提供する、Google Maps JavaScript APIを利用して、ウェブページに地図を表示させる方法を説明します。通常の埋め込み型の地図とは違い、コントローラの調整、マーカーや吹き出しを配置したりなど、機能が満載です。 Google Maps JavaScript API V3 ReferenceGoogle Maps JavaScript API V3 ReferenceGoogle Maps JavaScript APIの公式リファレンスです。全てのメソッド、オプションなどについての解説が掲載されています。準備 (APIキーの取得)Google Maps JavaScript APIを利用するには、APIの有効化と、認証情報(APIキー)が必要です。この章では取得方法を説明します。 アカウントの用
Google MapsのマーカーをRetinaディスプレイにサクッと対応させる - Qiita
Google Mapsのマーカー、Retinaディスプレイでそのままだと画像がボケちゃうのでその対策。 とは言えやることは、大きいサイズの画像を読み込む→縮小して表示させるといういつもの手順。でもまぁもう一度英文読むのとかイヤなので、マップ周りのコードごとまとめてストックしとこうそうしよう。 var myLatlng = new google.maps.LatLng(34.687571, 135.526239); function initialize() { var mapOptions = { zoom : 17, center : myLatlng }; var map = new google.maps.Map(document.getElementById('map'), mapOptions); var image = { url : 'icon.png', scaledSiz
グーグルマップ・Chrome・YouTube…全部オフライン利用対応へ！ #io15
グーグルマップ・Chrome・YouTube…全部オフライン利用対応へ！ #io152015.05.29 05:355,087 塚本直樹 通信のいらないネットサービスの時代か…。 Google I/Oの発表のうち、もっとも私達に役立ちそうなのがこれ。グーグルマップ・Chromeブラウザ・YouTubeがなんと今後オフライン利用に対応することが発表されました。対応スマホはAndroidスマートフォンとなっています。 ちなみにこれらの機能をグーグルは｢the next billion｣と表現しています。その意味は発展途上国におけるインターネット利用をさらに快適なものにする、ってことみたいです。さっそく詳細をみていきましょう。 Google I/Oの会場では、目的地を設定したスマートフォンをエアプレーンモードに設定するデモが行われました。通常エアプレンモードでは地図機能は利用できないはずですが…
【レスポンシブ対応】Google Mapにストリートビューを使った複数ルート（タブ切替）の道案内を設置｜Tips*Blog｜株式会社コプロシステム
こんにちは、コプロシステム・UXデザイン室の新人、顔が長いのをヒゲでごまかしている松山です。 まだ5月というのに真夏日が続いているおかげでビールがとても美味しいですね。 ちなみに私はビールが苦手です。 さて、5月になり新入社員の皆さんも仕事に慣れてきた頃で、営業職の皆さんはお客様先へ訪問することも多いかと思います。 訪問するお客様のホームページで交通アクセスなどのページを見てから現地へ行くことがほとんどかと思います。交通アクセスページで使われる地図も、一昔前はイラスト画像を使うことが主流でしたが、今ではGoogle Mapを使うことがあたりまえになってきています。 そんな交通アクセスのGoogle Mapにストリートビューの道案内が加わったらさらに親切だと思いませんか？ 今回は「Google Mapとストリートビューを使用した道案内の作り方」を説明します。 今回作成したサンプルはこちら 今
第8回 「気持ちいいUI」の追求に熱心になりすぎて、空回りしてませんか？ | gihyo.jp
前回は、気持ちいいUIを構築する方法を開発者の視点から捉え、「開発者が“面倒くさくて”やらなかったことが、利用者の“面倒くささ”の蓄積につながるのではないか」、そしてユーザーの面倒くささを解消してあげる方法の1つとして「ユーザーが何もしなくて良い状態を作る」ことがよいのではないか、という意見を提示しました。今回はその考察をさらに発展させ、技術者がついついやってしまいがちな「やりすぎ」について考えてみたいと思います。 チュニジアで痛感したGoogleマップの出来の良さ 筆者は8月末にチュニジアに行って来ました。チュニジアはアフリカ大陸の地中海沿岸に位置しており、アフリカの中では比較的発展を遂げている国です。フランス人などのリゾート地としても有名です。今回は家族を連れて、チュニジア人の元同僚を訪ねての旅だったのですが、筆者は基本リモートで仕事をしているため、仕事を完全にストップさ
Googleマップに、GPSを使って現在位置(と誤差を表す円)を表示するサンプル ｜ Tips Note by TAM
2014.01.24 Googleマップに、GPSを使って現在位置(と誤差を表す円)を表示するサンプル タイトルのとおりですが、Google マップ上に GPSなどを使って現在位置(と誤差の範囲を表す円)を表示するサンプルを作ってみました。 HTML5関連の geolocation API というものを使えば、JavaScript から現在位置情報は簡単に取得できます。値はそのまま Google Maps API に渡せますので、連携自体はとても単純です。 ちなみに、位置情報はGPS搭載のスマートフォンでないとダメというわけではなく、PCのブラウザなどからでも取得可能ですよ（環境による精度の差はありますが）。 (ブラウザから、位置情報を取得してよいかの確認が行われます) どうでしょうか、おおよその現在位置と、誤差を表す半透明の青い円が表示されていますでしょうか？ 概要 全体のコードはあとで
Google Maps APIのおさらい。
Webサイトで地図を表示するのに便利なGoogle マップ。Googleが提供しているGoogle Maps APIを使って、地図を設置する方法から、マーカーを置いたり、道のりを表示したり、地図の色を変えたりするためのコードをまとめました。※Google Maps APIの中でも、ここではGoogle Maps JavaScript API v3を使ったサンプルを掲載します。 以下は目次です。クリックするとその項目へ移動します。 Google マップを設置する。 いちばん簡単なGoogle マップ ジオコーディングなGoogle マップ Google マップの読み込み方 場所を示す。 マーカーを置く アイコンを置く 吹き出しを出す 道のりを表示する。 ポリラインで描画する Directions Serviceを利用する 見た目をカスタマイズする。 コントロールのカスタマイズ デザインのカス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Maps PlatformのAPIキーの取得・発行について - 株式会社ゼンリンデータコム
サイト内でのGoogleマップ、6月12日から表示されない可能性
TechCrunch | Startup and Technology News
Google Maps API無償版のポリシー変更、猶予期間が10月12日で終了、地図が突然表示されなくなる可能性も 
Snazzy Maps - Free Styles for Google Maps