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

Google Maps API

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

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

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

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#ツーリング

ネットで話題

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

関連ブログ

Arale•5 か月前

Google Map をJavaScriptで表示しよう

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

#Google Maps API#JavaScript#プログラミング#未経験からエンジニア
sugulogの日記•6 か月前

JavaScriptの位置情報。Geolocationを使用し位置情報を取得しよう。

こんにちは、すぐるです！ sugulogをお読みいただきありがとうございます！！ このブログは、「 過去の無知な自分に向けてわかりやすく説明するなら？？ 」を基準に書いています。 少しでもお役に立てれば幸いです。 今回は、Geolocationを使用し位置情報を取得しようということで JavaScriptの位置情報 について簡単に解説します！！ その為このブログを読むことで、JavaScriptの位置情報について理解できるのはもちろん、Geolocationを使用し位置情報を取得できるようになります。 是非最後までご愛読ください。 今回は、 ・位置情報を取得しよう の順で解説していきます。 で…

#GeoLocation#JavaScript#プログラミング#位置情報#Google Maps API#getCurrentPosition
素肌にサスペンダー•8 か月前

【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
SumJun-Blog’s blog•昨年

Swift：Maps SDK for iOSでAPI取得からGoogle Maps（グーグルマップ）表示まで

今回はAPIを取得してGoogleMapsを表示する方法を書いていこうと思います。 というのも、やり方を忘れる→もう一度調べる→実装完了と毎回調べるのが面倒なので、備忘録として残すかたちになります。😅 初めての方は参考になれば幸いです。 ■Podfileの作成とGoogleMapsのインストール まず該当プロジェクトのターミナルを開きます。 「pod init」と入力してPodfileを作成します。 ＊もしCocoaPodsのインストールができていなければ、まずはそのインストールからお願いします。やり方は検索すればすぐに出てくるはずです。 プロジェクトフォルダの中に作成したPodfileを開き…

#Swift#Xcode#API#Google Maps#Googleマップ#Google Maps API
ものづくりのブログ•昨年

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

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

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

#JavaScript#Google Maps API
Pythonと！•4 日前

Pythonでジオコーディング

API別に2つ作ってみました。どちらも引数queryに住所またはランドマークを設定すると、緯度、経度を返すコードです。 Geocoding API - 住所から緯度経度を検索 import time import requests from bs4 import BeautifulSoup def get_geocoding(query): ''' Args: query(str): 住所、ランドマーク Returns: lat, lng(float): 緯度、経度 ''' url = 'https://www.geocoding.jp/api/' q = {'q': query} r = r…

ノーコード ラボ•9 日前

BubbleでGPS機能を利用する方法

こんにちは！今回はBubbleでGPS機能を利用する方法をご紹介します。 この機能を使えば、現在地から目的地までの計算もできます。ウーバーイーツや、タクシーの料金アプリ等に応用できるので ぜひご一読ください！ 1.GPSとは 2.本記事の目的 2-1.（補足）Current geographic positonの機能について 3.google platformの設定方法 3-1.プロジェクトの作成 3-2.マーケットプレイスでのアプリのインストール 3-3.API keyの発行と設定 3-4.支払い情報の設定 4.Bubbleの設定 4-1.プラグインのインストール 4-2.Google Ma…

たごもりすメモ•16 日前

@react-google-maps/apiでの描画地図にPolylineで線を描くと消えなくなる

という問題が起きてあれこれやってた。React難しいの巻。たぶんnpm startで起動できるDevelopment modeでだけ起きる問題。 問題 @react-google-maps/apiでReactアプリ上にGoogle Mapsを表示*1し、そこに好き勝手にマーカーとか線を描きたい。以下のような感じ。 // MyMapComponent import { LoadScript, GoogleMap, Marker, Polyline } from "@react-google-maps/api"; // ...中略 // in function MyMapComponent ret…

Null Point•3 か月前

お金を気にせずGoogle Mapのような地図をサイト内に埋め込めるJavaScriptライブラリ Leaflet

LeafletはWeb地図サービスで広く使われるオープンソースのJavaScriptライブラリです。 無料でGoogle Mapのような地図をサイト内に埋め込めます。 Google Maps APIの無料での利用に制限が多くなっているため、 料金を気にせず使いたい人によいと思います。 オリジナルの地図を作ることもでき、 ・社内の座席表 ・建物内の地図 ・アミューズメントパークの地図 ・オープンワールドゲームの地図 などに使えると思います。 こちら使い方について詳しくまとめてくれている日本語サイトです。 ktgis.net

Masamuneブログ•6 か月前

歴史検索サービス「Mapnica」をリリースしました

はじめに Mapnicaについて サービスの概要 作成した理由 このサービスを使うターゲット 欲しい機能 サービス名について 技術スタック 使い方 歴史上の出来事を地図上にマーカーとして表示 年代による検索 キーワード検索 大変だったこと デザイン・UI データベースの作成 Google Maps Apiの設定 Vue.js 感想 はじめに FJORD BOOT CAMP（フィヨルドブートキャンプ) の "Webサービスを作って公開する" という最終プラクティスで作成した自作サービスをリリースしましたので、そのサービスのご紹介になります。 mapnica.herokuapp.com githu…

似非プログラマーの雑多な日記•7 か月前

【Unity】初心者がUnity Editor上で地図を表示する

GoogleのMaps Static APIを使用してUnity Editor上で地図を表示してみる。 １．環境 PC Unity ２．コード全容 ３．実行結果 ４．コード解説 URLの指定 経度・緯度について 非同期処理での実行 リクエストの定義 取得した画像をタイルテクスチャに設定 １．環境 PC MacBook Air M1 Unity バージョン：2019.4.20f1２．コード全容 using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; u…

素肌にサスペンダー•8 か月前

【Google Map】Google Maps APIを使わずに、埋め込み地図をCSSでモノクロ（グレースケール）にする方法

Google Maps APIを使えば、色味やマーカーなど埋め込み地図を色々カスタマイズできるけど、 以下の料金体系のうち、月200ドル分を超えると従量課金されるらしい。 developers.google.com ただシックな感じにしたくてモノクロにしたいだけなら、無料で生成できる埋め込みコードに少し足せば出来る。 手順 Googleマップで、埋め込みたい場所を表示する。 共有をクリックして出てきたダイアログの地図を埋め込むタブに移動し、HTMLをコピーする。 コピーしたHTMLのstyle="border:0;"をstyle="border:0;filter:grayscale(100%)…

Yoichiの雑記•9 か月前

フィヨルドブートキャンプ231日目の感想（システム開発のプラクティスに入った・npmを作った）

2021年02月09日から始めたフィヨルドブートキャンプもいよいよ、システム開発に突入しました。 フィヨルドブートキャンプのアプリを開発していくそうです！ 右も左もわからないところから始め、完走できるか不安でしたが終盤に入ってきた感じがします。なかなか、ブログも書けていなかったのですが現状と今の気持ちを記していきます。 復習ができていない フィヨルドブートキャンプでは学習の単元ごとにプラクティスが設けられ、課題に取組むスタイルになっています。 いままでは、現在取り組んでいるプラクティスに対して注力していたのですが、システム開発に入ることもあり、これまで取り組んできた学習の総まとめに入ろうとして…

ふーしゃのWeb制作ブログ•9 か月前

【Webコーディング】Google Map PlatformでGoogle Mapをカスタムしてみた【HTML/CSS】【JavaScript】

背景 Google Mapが埋め込まれたWebサイトはたくさんありますが、 Google Map Platformでカスタマイズができるということで試してみました。 ググって出てきた記事内容とは画面レイアウトが変わっていたり必要な情報が異なっていたりしたため、備忘録がてら記事にまとめます。 ※2021年9月現在の情報となります。 成果物 サイトの雰囲気に合った配色に変更、 オリジナルのアイコンを使用できました！ Googleマップの表示結果(左: 変更前、右: 変更後) Google Map Platformとは Google Map Platformは、モバイルアプリやウェブページにGoog…

dev news (β)•9 か月前

2021-09-14のテックニュース

×95 図解即戦力 暗号と認証のしくみと理論がこれ1冊でしっかりわかる教科書：書籍案内｜技術評論社 ×54 [タイトルが取得できませんでした] ×52 GitHub - techschool/simplebank ×28 3年ぶりの長期サポート版となる「Java 17」正式版がリリース。M1 Macのサポート、Seald Classの追加など － Publickey ×20 採用情報 - 株式会社リチェルカセキュリティ ×18 Meat Accounts For Nearly 60% of All Greenhouse Gases From Food Production, Study Fin…

ts0818のブログ•10 か月前

Sheets API（Google Sheets API）のQuickstart（チュートリアル）をJavaで実施してみる

www.itmedia.co.jp 人文学オープンデータ共同利用センター（CODH）は8月30日、古文書に書かれた「くずし字」をAIで解読するスマートフォン（iOS／Android）向け無料アプリ「みを」を公開した。元のくずし字と変換後の文字を比較でき、古文書に慣れてない人の理解を手助けするという。 AIで“くずし字”を解読するスマホアプリが無料公開 コンペ1位の認識モデル採用 - ITmedia NEWS AIの学習には、国文学研究資料館の日本古典籍くずし字データセットを基に、CODHが開発したくずし字認識モデル「KuroNet」（クロネット）と、機械学習の精度を競い合うプラットフォーム「K…

ts0818のブログ•10 か月前

Google APIとGoogle Cloud APIの違いって？

gigazine.net 虹彩認証などで個人を認識し、大規模なデータベースで経歴などを照合可能な生体認証デバイス「HIIDE」が、アフガニスタンを制圧したイスラム主義組織・タリバンの手に渡ったことが報じられました。 https://gigazine.net/news/20210819-taliban-seized-hiide/ HIIDEについては、2010年当時アメリカ国防総省が1000万ドル(約11億円)相当の費用をかけてHIIDEを配備したことが報じられたほか、その後アメリカ軍がウサーマ・ビン・ラーディンを特定するために使用したり、テロリストを特定することを目的とするアフガニスタン国民の…