Hatena Blog Tags
はてなブログ トップ
Google Maps API
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

Google Maps API

(ウェブ)
【ぐーぐるまっぷすえーぴーあい】

Googleが公開している、Google Mapsシステムから地図情報を直接取得するためのツール。
2005年6月30日、無料ベータ版公開開始。
2005年7月7日にはてなが開始した「はてなマップ」のサービスも、このAPIを利用している。

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
学生向けプログラミング入門 | 無料•7ヶ月前

Ruby on Rails | Autocompleteとgeocoderの利用

↓↓クリックして頂けると励みになります。ランキング参加中プログラミング Rails 6を使用してGoogleの自動補完（Autocomplete）を実装するには、以下のステップに従うことができます。 Googleの自動補完は、通常、Google Places APIを使用して実装されます。 まずはGoogle Cloud PlatformにGoogleアカウントでログインしてAPIキーを取得してください。 手順は以下の通りにお願いします。 mrradiology.hatenablog.jp GemFileに以下のgemを追加します。 gem 'geocoder', '~> 1.8', '>= …

#Ruby on Rails#Google Maps API

ネットで話題

もっと見る
978ブックマークGeekなぺーじ : Google MAPS APIプログラミングここでは、Google Maps JavaScript API(version 3)を使って遊ぶ方法を説明したいと思います。 Google Maps JavaScript APIを使うと、グーグル社が提供する衛星写真や地図を使ってホームページ上で色々なものを作れます。 対象とする読者は初心者もしくは入門者です。 Google Maps APIはJavaScriptを使って書いてあるので...www.geekpage.jp
905ブックマークGoogle Maps API無償版のポリシー変更、猶予期間が10月12日で終了、地図が突然表示されなくなる可能性も　internet.watch.impress.co.jp
705ブックマーク本当はすごい、知られざるGoogle Maps APIたち!!atmarkit.itmedia.co.jp
578ブックマークGoogleマップAPIの使い方を分かりやすく解説！ - Google Maps 活用講座googlemaps.googlermania.com
526ブックマークGoogle Maps API有料化の詳細発表、該当ユーザーは2012年初めに強制課金開始　internet.watch.impress.co.jp
389ブックマークGoogle maps簡単作成ツール：GMapCreator (v2 API 対応版)Google MAPS APIを使ったプログラムを簡単に作るツールを作ってみました。 目標はJavascriptなどが全くわからない人でも簡単にGoogle mapをブログやホームページに貼り付けられる事です。 左クリックでマーカを設置、もしくは開始位置を設定できます。 マーカを左クリックすればマーカ画像を変更したり、マーカをクリッ...www.geekpage.jp
366ブックマークGoogle Maps APIで50万以上使っていた話 - Qiitaqiita.com
366ブックマークGoogle Maps JavaScript APIの使い方まとめlab.syncer.jp
315ブックマークGoogle Maps API を使って、地図のカラーバリエーションを楽しもう。japan.googleblog.com

関連ブログ

Arale•2年前

Google Map をJavaScriptで表示しよう

お店の位置情報を埋め込みで表示させたい 現在、作成しているオリジナルアプリケーションは店舗情報を必要としています。 来店されるお客様にも文字列だけの情報だけでなく、 マップを表示してより具体的な情報を提供したいです。 Googleの仕様変更により、ここ数年はクレジットカードの登録も必須となったみたいです。 昔はAPIキーすらいらない記事を拝見しましたが、10数年前の話なのであてになりません。 API取得、キー制約を設定、カード登録、ドメイン指定、コードを記述 上記の必要な情報を登録し、APIキーもコピーしました。 ところが、どんだけ記述してもポッカリと空白が発生する。 もしくは、空白すら領域に…

#Google Maps API#JavaScript#プログラミング#未経験からエンジニア
素肌にサスペンダー•3年前

【Google Maps API】Webサイトに埋め込んだ地図をモノクロにしてsvgのオリジナルマーカーを適用する方法

Webサイトに埋め込んだGoogleMapをデフォルトのデザインじゃなくて、そのサイト用にカスタマイズしたい場合がある。 Google Maps APIを使ってできるけど、オプションやらたくさんあって出来ることが多い。 developers.google.com 今回は、以下の簡単なカスタマイズを行う方法をメモしておく。 要件 モノクロ（グレースケール） svg画像でマーカーを設定する。 前提 Google Maps APIキーの取得はしてある。 サンプル <!DOCTYPE html> <html lang="ja"> <head> <meta http-equiv="Content-Typ…

#Google Maps API#JavaScript
ものづくりのブログ•3年前

Google Maps APIをつかってみる

Google Maps API を利用して指定した拠点の距離を算出してみました。 Google Maps Platformに登録 Google Maps API キーの取得 プロジェクトの作成 APIの有効化 APIキーの作成 プログラム Google Maps Platformに登録 毎月200 USドル分（Javascript API の場合 月28000ロード相当）は無料で使用することができるみたいです。 cloud.google.com Google Maps API キーの取得 Google Maps API を利用するには、API キーを取得する必要があります。 プロジェクトの作成…

#Google Maps API
あおいろブログ•3年前

WMS の地図画像を Google Map 上に表示する

この記事は ケーシーエスキャロット Advent Calendar の記事です。 WMS とは、地図画像配信方式の一つです。 表示したい地図範囲を指定すると、その範囲を切り取った画像が返ってくるという方式でデータの配信を行います。 地理院地図｜地理院タイルについて これを Google Map 上に表示してみよう、というのが今回の内容です。 WMS の API 仕様 今回利用しようと思っているWMSのAPIは、大体以下のような仕様とします。 範囲指定： 左下（南西）と右上（北東）の緯度経度を指定（世界測地系） サイズ指定： px単位 Google Map 上に画像を表示する方法 まず Goog…

#JavaScript#Google Maps API
Briswell Tech Blog•1ヶ月前

巡回セールスマン問題

東京はようやく桜が咲きそうです。桜並木の散歩が楽しみです。 今回は、巡回セールスマン問題です。複数の地点を訪れる際の最短経路を見つける問題です。時間の制約があり効率化が求められる現代ではより良い解が必要とされますね。可能であれば、時間を気にせず気の向くままに好きな方向に進んでいきたいですが。 では、巡回セールスマン問題の解法をGoogle Maps APIを利用して確認してみましょう。 設計 画面上で、以下5地点を指定し、Google Maps APIを呼び出して最短経路を取得・確認できるようにします。 出発地 経由地1 経由地2 経由地3 到着地 APIの構築 画面から呼び出すAPIをPyt…

まるっとワーク•1ヶ月前

凝ったGPTsを作る！(自作APIで差をつける)

GPT Storeが使えるようになり、注目を集めるGPTsを使ってみると、機能が洗練されているなぁ、と驚きます！各GPTには独自の機能とオリジナリティが備わっており、「自分もこのようなものを作りたい」という気持ちが湧き上がってきます。 しかし、ただプロンプトを操作しているだけでは、何かを調べて、まとめて、優先順位を決めて、報告して・・といった複雑なフローの作業を与えることが難しかったので、APIを自ら設計し、組み込むことで、その実現に挑戦しました。 実際に作成したGPTs↓ chat.openai.com GPTsはスマホから使うというより、PCから使うことが多く、スマホで気軽に使えるGPTs…

JZ20231104’s blog•2ヶ月前

Quick Clean Restroom（仮）の開発

Quick Clean Restroom（仮）の開発を開始しました。 ようやくEC2上に一部デプロイできたので、ブログを書いてみました。 外出中に綺麗で快適なトイレを見つけることは、意外と大変な挑戦です。公共トイレはあっても、常に綺麗とは限りません。そんな時、Quick Clean Restroomがあなたの役に立ちます。このアプリケーションは、最寄りの綺麗なトイレをリアルタイムで探し出し、トイレに関する詳細情報を提供します。 アプリケーションの使い方Quick Clean Restroomは使いやすさを重視しています。利用者は簡単にサイトにアクセスし（https://cleanrestroo…

50歳からのフードデリバリー配達員•3ヶ月前

Googleマップの情報修正しまくりの配達員

先日のとあるドロップでの事。 ドロップに向かうフェーズ（段階？）でウーバーアプリのドロップ地点住所表記のアタマに「まくり堂」の文字が。 ドロップ先は一階が店舗になっているタイプのマンションでその店舗名が表示されてしまうパターン。 しかし私は知っていた。 そこの「まくり堂」がとっくの昔に無くなっている事を。 因みにその場所には10年くらい前？は 「讃岐うどん『はればれ』」、その後 「クラシアン」時代が5〜6年？続いたあと紆余が曲折して「からあげ『まくり堂』」、そして1〜2年前？に現在の「おとなこどもクリニック」になった経緯がある、というドーデモイー情報をぶっ込んでおく。 今回はマンション名も表示…

ゼスト Tech Blog•4ヶ月前

Firebaseのセキュリティについて - そのAPI キー本当に公開しても大丈夫ですか？

Firebaseは多機能かつ使い勝手も良いため、mBaaSやFirebase Authentication/Identity PlatformをIDaaSとして利用している方も多いのではないでしょうか。 ただし便利な反面、考慮が不足していると、意図しないセキュリティの穴を招いてしまうことがあります。 Firebaseを安全に利用するため、考慮すべき観点について下記にまとめます。 Firebase セキュリティチェックシート Firebase側で考慮すべき点について、セキュリティチェックシートとして既にまとめてくれているので、プロダクションで公開する前にこちらは必ず確認しましょう。 fireba…

Inside of LOVOT•4ヶ月前

LOVOTのお出迎え機能の中国向け対応について

こんにちは、APPチームの黒田です。 この記事は GROOVE X Advent Calendar 2023 の24日目の記事です。 LOVOTは2023年より中国での販売を開始しました。今回は、それに関連してLOVOTアプリの中国向け対応、中でも特に位置情報を使った機能の対応について紹介します。 アプリで中国向け対応が必要な機能 アプリの中国対応と聞いてすぐ思い浮かぶことと言えば、Googleのサービスが使えない、ということが挙げられますね。 LOVOTアプリでは、主にLOVOTのお出迎え機能の実現のため、位置情報を取得したりGeofenceの機能を利用する必要がありますが、Androidで…

tech-kazu’s blog•6ヶ月前

駆け出しエンジニアが知っておくべきWeb技術の基本用語

はじめに この記事では、これからエンジニアになる人、なりたいと思っている人が、仕事を始めてから困らないように、今のうちに知っておくべき代表的なWeb技術の基本用語をいくつかご紹介します。 駆け出しエンジニアが知っておくべきWeb技術の基本用語とは アプリケーション アプリケーションソフトウェアの略称で、一般的にアプリとかソフトとか言われてイメージするようなもの。主に以下のような種類に分けられる。 Webアプリケーション ブラウザの中で動いてインターネットを介して利用するもの。 デスクトップアプリケーション WordやExcelなどパソコン上でインストールして利用するもの。Webアプリケーション…

OPTiM TECH BLOG•6ヶ月前

Vue2系からVue3系への移行における苦労話

はじめまして この記事について 移行前の環境 移行の流れ Vue 3.3 移行について 破壊的変更の対応について 1. v-model v-bind.syncについて 2. v-on.native 修飾子の削除について 3. vue-i18n 8.x → 9.x の破壊的変更対応 移行時の苦労 担当者曰く Vuetify2 から Vuetify3への移行について 全体的な変更 移行時、移行後の苦労 移行後の環境 移行後の使用感 最後に はじめまして サービス開発統括本部 ソリューション開発部で農業プロダクトの開発を担当している西村です。初めてのTECH BLOGです。 私は現在、ピンポイントタ…

ts0818のブログ•6ヶ月前

Web上で高速に描画するアーキテクチャを知りたいんだが...

gigazine.net ⇧ よくぞ調べましたな。 何て言うか、普通だったら、国が主導で作って然るべきのような気もしますが、どうしようもない国ですな... Web上で高速に描画するアーキテクチャを知りたいんだが... 地理空間情報というものを知って、Web上でオブジェクトを表示したいってなった時に、 blog.esrij.com またここで注意していただきたいのは、たとえ 1,000～2,000 ポイントであればパフォーマンスに影響なく描画できるとしても、それは決して推奨される地図データの描画方法ではないという点です。冒頭でも紹介したように、グラフィックによる地図データの描画は、ユーザのアクシ…

Roll With IT•7ヶ月前

アウトドア般若心経が楽しめるWebアプリをリリースしました

はじめに サービス URL GitHub リポジトリ 対象読者 自己紹介 アウトドア般若心経とは ポケモンGO の般若心経バージョン サービス開発のきっかけ サービスの概要 使い方 1. Google アカウントでログイン 2. 般若心経の全文を一覧で管理 3. 写経した写真を取り込む 4. 取り込んだ写真をトリミング 5. 写真の登録 6. 保存した内容の確認 7. メモの登録 8. 全体地図の確認 9. マイページ 技術スタック 技術選定の理由 アーキテクチャ ディレクトリ構成 開発方針とこだわり Getting Real UI / UX レスポンシブデザイン パフォーマンス ロゴ 機能面…

Roll With IT•7ヶ月前

CI 環境構築で直面した E2E テスト自動化の壁 〜Google の bot 対策による脅威のディフェンス力〜

はじめに Next.js と Rails を使ってオリジナルの Web アプリを開発しています。 github.com Playwright を導入し E2E テストの実装は問題なくできましたが、その後 CI でのテストの自動化がうまくいかず数日ハマってしまいました。今回の記事ではその原因と結果についてまとめています。 Playwright 導入については以下記事にまとめています。 shirotamaki.hatenablog.com CI 環境構築 ローカル環境下でパスした E2E テストの自動化に取り組みました。 GitHub Actions に yml ファイルを用意し自動化のためのワー…

SOEのひとりごと•7ヶ月前

"OSINT"について今更学んでみた。

OSINTとは OSINTの手法 OSINTの実現方法 ツール利用例 ツール開発例 OSINTの注意点 まとめ 参考 OSINTとは みなさん"OSINT"とは何かご存知でしょうか？これはOpen Source Intelligenceの略で、オープンソース、つまり世間一般に公開されている、誰でも知ることのできる情報を利用した、情報収集・分析の手法のことです。 いわゆるスパイ活動などのようなことでも、重宝されてきており、違法行為やグレーゾーンとなることを行わないため、個人でも簡単に始められるものとなります。 近年は、デジタル技術の進化もありオープンソースな情報を取得するのが非常に容易となってき…