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

Google Maps API

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

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

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

だれでもわかる、たのしいGoogle Maps API

これはフェンリル デザインとテクノロジー Advent Calendar2024 16日目の記事です。 まえがき はじめまして。NILTOのバックエンドエンジニアの小西です。入社してまだ二ヶ月ですが、面白い企画があると聞きつけて、今回フェンリルのアドベントカレンダーに参加しました。技術系の記事を執筆するのは初めてのことで緊張していますが、何卒よろしくお願いいたします。 さて、アドベントカレンダーと言えばクリスマス。 大人になってしまった今はクリスマスに何の感情も抱きませんが、幼い頃はサンタさんのプレゼントを楽しみに待ったものです。ワクワクできたあの頃は良かった。 記事のネタを考えていた私はひら…

#Google Maps API#JavaScript#プログラミング

ネットで話題

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

関連ブログ

学生向けプログラミング入門 | 無料•1年前

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
muscle_keisukeの日記•3年前

Google Maps Static APIを使ってツーリングで巡ったルートを地図表示する

はじめに Google Maps Static APIとは APIキー取得まで プロジェクトの作成 支払情報の登録 Google Maps Static APIの料金 プロジェクトに支払情報を登録する APIを有効化する Google Maps Static APIを使ってみる 署名の導入 署名を試す 署名を実装する API呼び出しの制限 位置情報を付与した地図を取得する おまけ Polyline Encoding Algorithmについて はじめに 前回、StravaのAPIを使ってサイクリングの情報を持ってくる方法を記事にしました。 muscle-keisuke.hatenablog.c…

#Google Maps API#API#ツーリング
Arale•3年前

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
あおいろブログ•4年前

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

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

#JavaScript#Google Maps API
moririn2528’s blog•2日前

Google Map Javascript API の script について

概要 Google Map Javascript API で地図を表示する際の script 要素について説明し、Typescript + Next.js 環境での実装を行った。 背景 Google Map Javascript API の introduction では、以下の魔法の script を貼るとよい、みたいな書かれ方をしている。 JavaScript を使用するマーカーが配置された Google マップを追加する | Maps JavaScript API | Google for Developers <script> (g => { var h, a, k, p = "The…

ないぱかの記録•20日前

2024年の振り返り

こんにちは〜 今年もデカ晦日に振り返り記事です。お昼ご飯食べた後に書いてます。今回で7回目！ 2024年の振り返り 仕事 個人開発 PikaPika（iOS、Android） OnePage（iOS、Android） プライベート 家族 健康 ゲーム Switch Play Station 2025年の目標 最後に これまでの振り返り記事一覧 2024年の振り返り 仕事 今年も去年に引き続き受託開発をメインに、リードエンジニアとして開発に携わりつつ、プレイングマネージャー的な役割で開発を進めました。 プロジェクトの全体のことを考えつつ開発も進めるのは大変ですな。 自社開発では「めでた！」を4月…

ひとりあそび研究所のブログ•2ヶ月前

手前味噌：けっこう革新的なサーバーレスアーキテクチャを活用したサービスなのです

何を隠そう、ひとりあそび研究所のサービスは現時点での最新の技術スタックで構築されており、けっこうすごいのです。モダンなJavaScriptフレームワークとサーバーレスアーキテクチャを組み合わせた構成になっています。興味のある方は常に募集中です。 フロントエンド フレームワーク React (v18.3) TypeScript ビルドツール/開発環境 Vite ESLint スタイリング Tailwind CSS ルーティング React Router DOM バックエンド/インフラ データベース/バックエンド Supabase PostgreSQL リアルタイムサブスクリプション 認証システム…

Devlog by Reazon Holdings•2ヶ月前

レアゾン・ホールディングス 2024新卒エンジニアハッカソン研修 チーム 2 - 『Trip Connect』Google Maps APIで旅行計画を楽しく便利に！ -

こんにちは！2024新卒menu事業部フロントエンドエンジニアの櫻井です。 今回は、新卒研修で行われたハッカソン研修と開発したプロダクト『Trip Connect』をご紹介いたします！ 研修の概要 ハッカソンの概要 N1の悩み プロダクト概要『Trip Connect』 機能① カードの作成 機能紹介② 行きたい場所の投票機能 機能紹介③ カードを繋げて1日のスケジュールを作成 技術的なお話 フロントエンド：Next.js バックエンド：Firebase API ： Google Maps API 発表プレゼンの様子 業務で生かされていること 最後に 研修の概要 研修の概要はオウンドメディアの…

Python転職初心者向けエンジニアリングブログ•3ヶ月前

応用情報技術者試験に出たUSER-AGENT、WEBSOCKET、マッシュアップ、メディアクエリの違いを徹底解説！

応用情報技術者試験に出たUSER-AGENT、WEBSOCKET、マッシュアップ、メディアクエリの違いを徹底解説！ こんにちは、皆さん！システムエンジニアとして日々の仕事をしながら、こうしてブログを書いています。今日は、高校生の皆さんにもわかるように、ちょっと難しそうな「USER-AGENT」「WEBSOCKET」「マッシュアップ」「メディアクエリ」について一緒に勉強していきましょう！応用情報技術者試験を目指している人にとっても役立つ内容になっているので、ぜひ最後まで読んでくださいね。 USER-AGENTとは？ まずは「USER-AGENT（ユーザーエージェント）」について解説します。USE…

tourutakahashiの社会共通善追求•3ヶ月前

ビッグデータを活用して衣食住の季節ごとの特徴を分析

次への道筋 四半期の有価証券報告書とビッグデータを活用して衣食住の季節ごとの特徴を分析することは、企業や地域経済に対する深い洞察を得るために非常に効果的です。特に、ビッグデータのリソースやその具体的な活用手法に関する詳細な理解が重要です。今回は、ビッグデータの具体的なリソースや、それらを活用するための根拠サイトやプラットフォームに焦点を当て、さらに詳しく説明します。 1. 有価証券報告書のデータ抽出衣食住関連企業の四半期有価証券報告書は、財務状況や市場動向を理解するための基盤的なデータソースです。財務データ、収益、在庫状況、経営者コメントなどが重要な指標となりますが、これらを補完するためにビッ…

つみかさね•4ヶ月前

Gemini1.5Proにプログラミングをしてもらった

Gemini1.5Proにプログラミングをしてもらった｜画像生成と会話するAIの魅力と可能性https://note.com/chat_gpt777/n/n00ac400d65b2 生成AI（Gemini1.5Pro）を使ってOpenStreetMapに東京を中心にした円を半径km単位で描く、また任意の地点を中心に円を描くようにというプロンプトを入れて、アウトプットはhtml+javascriptコードで出力するようにした。Googleマップでも可能なのですが、Google Maps APIキーを取得しないといけないのでちょっと面倒かなと思ってやめた。下記のプロンプトが完成するまでには生成AI…

転がるアノン•4ヶ月前

広すぎでは？

アマフレで持たされる配達の範囲はその時々で違うんだけど、直径にして1kmぐらいかな。時々アホかってぐらい広いときがあって、直近だと直径にして5kmぐらいでした。極端に広いときは荷物量は少ないんだけど、移動に時間がかかるので大変です。 自分が今日配達する場所は、ステーションに行って荷物をもらうまでわかりません。配達エリアはステーションから車で15分圏内と聞いていましたが、車で30分程度のところにもよく行かされます。交通事情もあるので時間がかかるからと言って遠いとは限らないけど、車で30分だと直線距離で8kmぐらいのようです。試しに皇居を中心に8kmの円を描いてみました。地図上に好きな半径の円を描…

なんちゃってプログラマーの日記•5ヶ月前

SDK、API、ライブラリの違いを解説

ソフトウェア開発を進めていると、SDKやAPI、ライブラリといった用語に出会うことがよくあります。これらは開発者にとって重要なツールですが、それぞれの役割や意味は異なります。この記事では、SDK、API、ライブラリの違いについて解説し、開発プロジェクトでどのように活用できるかを考察します。 1. SDK（Software Development Kit） SDKとは、特定のプラットフォームやデバイス向けにアプリケーションを開発するためのツール群を指します。SDKは通常、ライブラリやAPI、サンプルコード、ドキュメント、デバッガ、コンパイラなどが含まれ、開発者が特定の環境で効率的にソフトウェアを…

OPTiM TECH BLOG•6ヶ月前

【Google Maps API × Vitest】VitestでGoogle Maps APIを用いた処理のテストコードを書こう

この記事について サービス開発統括本部 ソリューション開発部で農業プロダクトの開発を担当している西村です。 弊社でピンポイントタイム散布(以下、PTS)という防除のデジタル化サービスを展開しております。 PTSでは農地のデータを管理するため、Google Maps APIの活用は欠かせません。そのコアな技術を活用した処理は品質を担保する必要があります。 また、PTSはVue3系で開発しており、ビルドツールにはViteを使用しております。ViteはVue3系推奨されています。 そこで今回は、Viteを利用したテストフレームワーク、Vitestを使ったGoogle Maps APIのテストコードに…

nevertheless’s diary•6ヶ月前

社会人のためのデータサイエンス入門：受講終了

このところ公私ともに忙しくなっており、『社会人のためのデータサイエンス入門』の最終講義まで視聴はしたものの、課題（今回は20問もあった）をやりかけのところで止まってしまっていた。提出の〆切が今日7/22ということで、せっかくここまでやったんだし、と残りの課題を解き終わる。Week4の課題で結構雑な解き方をしてしまい、トータルでの正答率は79％。得点率が60％以上で修了証を発行、とのこと。視聴スタータスの多くが「未完了」になっていて、これはダウンロードした動画を再生したため。ブラウザで完了の回答をして、ステータスを受講済にした。 終了後のアンケートで、今後どのような活用をするかと問われ、さて、ど…

G-gen Tech Blog•6ヶ月前

BigQueryとGemini 1.5 Proによるラーメン店クチコミの定量分析

G-gen の神谷です。本記事では、Google Maps API から取得したラーメン店のクチコミデータに対する定量分析手法をご紹介します。 従来の BigQuery による感情分析の有用性を踏まえつつ、Gemini 1.5 Pro の導入によって可能となった、より柔軟なデータの構造化や特定タスクの実行方法を解説します。 分析の背景と目的 可視化イメージ 分析の流れとアーキテクチャ クチコミデータ取得と BigQuery への保存 API キーの取得 データ取得のサンプルコード クチコミ数の制限と緩和策 料金 感情分析とデータパイプライン Dataform の利点 Dataform を使った…