gmaps.js — Google Maps API with less pain and more fun
Documentation GMaps div controls overlays layers singleLayers markers polylines routes polygons zoom map setContextMenu hideContextMenu refresh fitZoom fitLatLngBounds setCenter getCenter getDiv setZoom zoomIn zoomOut addControl createMarker addMarker addMarkers hideInfoWindows removeMarkers drawOverlay removeOverlay removeOverlays drawPolyline drawCircle drawRectangle drawPolygon getFromFusionTab
Google Maps APIをコピペで使い倒せ！Web初心者でもカスタマイズできるgmaps.js | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。エンジニアののびすけです。 最近はひさしぶりに浅草をランニングして健康オタクを気取っています。 さて、ランニングといえば、アプリを使ってタイム測定をしている人も多いのではないでしょうか。大半のアプリには地図が内蔵してあり、特にGoogle Mapsを呼び出しているものが多いですね。 そこで今回は、そのGoogle Mapsをカンタンに導入できるgmaps.jsを使ってみたいと思います。コピペで試せるので、JavaScriptが得意ではないデザイナーやコーダーの方にもおすすめです。 http://hpneo.github.io/gmaps/ gmaps.jsはGoogle Maps APIを使いやすくしてくれるライブラリです。 そのメリットは大きく3つあります。 1. シンプルなコード 記述方法がとてもカンタンで、通常のGoogle Maps APIよりも分かりやすいソースコード
2点間のルート案内(loadメソッド) - ルート案内 - Google Maps JavaScript API入門
2つの地点を指定してルートを取得するにはGDirectionsクラスのloadメソッドを使います。 load(query:String, queryOpts?:GDirectionsOptions) このメソッドは新しいルート クエリを生成します。query パラメータは、「from: Seattle to: San Francisco」や「from: Toronto to: Ottawa to: New York」などの有効なルート クエリを含む 文字列です。デフォルトでは、地図が GDirections オブジェクトの構築中に指定されると、クエリ はポリライン結果をリクエストします。同様に、テキスト パネルが指定されると、クエリは詳細な テキスト結果をリクエストします。指定されない場合、結果には検出された経路の要約情報しか含ま れません。 この動作を上書きするために (たとえば、このオ
TraxMatching
TraxMatching transforms location data into accurate routes TraxMatching is a cloud web service for map-matching GPS data on the OpenStreetMap (OSM) road network with great accuracy and speed. The service is accessible through a simple REST API and can be integrated in your application within minutes. Demo Tutorial Give Me API Keys!
二地点の緯度・経度からその距離を計算する（日本は山だらけ〜）
更新：コードのライセンスを MIT ライセンスに変更しました。（平成二十四年五月十日） 概要 各山のページに、 その山の近くにある別の山のリストを載せようと思い、 二地点の緯度と経度から距離を求める方法について調査しました。 ヒュベニ (Hubeny) の公式を用いると簡単な計算で精度よく距離が求まることがわかりました。 ヒュベニの公式ではいくつか定数が出てきますが、旧日本測地系、世界測地系、 GPS で利用されている測地系の 3 種類についての定数を調べ、算出しました。 Java および R のプログラムと合わせて研究成果を報告します。 緯度経度からの距離計算 国土地理院・測地部のウェブサイト [1] に測量に関する様々な情報が載っています。 特に [2] には様々な計算式が載っており、 緯度・経度から距離を計算する式 [3] もあります。 しかしここにあるのは緯度・経度を平面直角座標と
ある地点の標高を取得する。
Google Maps API V3で、google.maps.ElevationServiceクラスを使ってみるサンプルプログラム。ある特定の地点の緯度経度から標高を取得します。プログラムに興味はなく、地図上で調べたいだけの場合は緯度・経度・住所・標高を取得するを。 function getElevation(latlng) { // 要素が１つでも配列に…。 var locations = [latlng]; // ElevationServiceのコンストラクタ var elevation = new google.maps.ElevationService(); // リクエストを発行 elevation.getElevationForLocations({ locations: locations }, function(results, status) { if (status
JavaScriptで位置情報を取得する方法(Geolocation API)
ユーザーの現在位置を取得現在位置を取得するサンプルデモを見るには、下記ページにアクセスして下さい。このブログがあなたの位置情報を取得してもいいか、という確認が表示されるので、許可すると、あなたの現在位置(緯度、経度の座標)の取得を開始、表示します。 サンプルデモを見る 現在位置を取得するには、ユーザーのブラウザが、Geolocation APIという機能に対応している必要があります。Geolocation APIとは、簡単に言うと、端末の位置情報をやり取りするシステムです。GPSに対応しているスマホだけでなく、現在位置を設定できるデスクトップPCでも利用可能です。 判別方法は簡単です。Geolocation APIに対応している端末の場合、navigator.geolocationというオブジェクトが最初から存在するので、これの有無で判別すればいいだけです。 JavaScript // G
高度情報を取得する:Geekなぺーじ
ElevationServiceを利用すると、Elevation APIから高度情報を取得できます。 ここでは、ElevationServiceのgetElevationForLocations()メソッドの利用例を紹介します。 サンプル このサンプルは、getElevationForLocations()メソッドを利用して2地点のサンプルを取得しています。 <!DOCTYPE html> <html> <head> <style type="text/css"> html { height: 100% } body { height: 100%; margin: 0px; padding: 0px } #map { height: 100% } </style> <script src="http://maps.google.com/maps/api/js?v=3&sensor=fals
Google Maps Embed APIの使い方まとめ
2017/07/05 Google Mapsを自分のサイトやブログに埋め込んで表示できる「Google Maps Embed API」の使い方をまとめています。JavaScriptを利用しないので、プログラミングが苦手な方でも手軽に利用できます。 Google Maps Embed APIGoogle Embed APIの公式リファレンスです。詳しい仕様、プログラミング方法などを確認できます。準備 (APIキーの取得)Google Maps Embed APIを利用するには、APIの有効化と、認証情報(APIキー)が必要です。この章では取得方法を説明します。 アカウントの用意APIキーを取得するためには、Googleのユーザーアカウントが必要です。まだ持っていない人は作成して下さいね。 Googleアカウントの作成Googleのアカウントを作成するには、このページから操作を行なって下さい。
地震のゆれやすさ全国マップ‐内閣府防災情報のページ
1． 中央防災会議「東海地震に関する専門調査会」、「東南海、南海地震等に関する専門調査会」、「首都直下地震対策専門調査会」、「日本海溝・千島海溝周辺海溝型地震に関する専門調査会」では、防災対策の検討のため、震度分布の推計等を行ってきました。今般、この一連の調査結果を整理したことにより、「表層地盤のゆれやすさ全国マップ」（PDF：61KB)がまとまりましたので、公表します。 2． 地震による地表でのゆれの強さは、主に、「地震の規模（マグニチュード）」、「震源からの距離」、「表層地盤」の3つによって異なります。一般には、マグニチュードが大きいほど、また、震源から近いほど地震によるゆれは大きくなります。しかし、マグニチュードや震源からの距離が同じであっても、表層地盤の違いによってゆれの強さは大きく異なり、表層地盤がやわらかな場所では、かたい場所に比べてゆれは大きくなります。この効果を、ここで
必要物資・支援要求マップ 311help.com
必要物資・支援要求マップ 311 HELP.com 地図上に必要物資・支援要求などの情報を書きこむことが出来ます。 （入力した個人情報は全て公開されますのでご注意ください） Tweet 使い方 住所を検索してください。 地図上のマークを掴んで移動、もしくはクリックすると、発言ウィンドウが開きます。 発言内容を入力して送信ボタンを押してしてください。 どう書いたらいい？ この後、フリーワード検索、特定キーワードピックアップの機能をつくりますので、 なるべく固有名詞を使って書いてください。 被災地の方は通信は難しいかと思いますが、ボランティアのドライバーの方でも結構です。 なるべく避難所等、大きな単位で必要なものが見えれば、お役に立ちやすいかもしれません。 被災地以外の方へ 必要物資・支援要求に無関係な情報の投稿はご遠慮下さい。 このタイミングで個人で物資を送付するのは迷惑だと思います
混雑度マップ:スカイツリー周辺の混雑状況 | いつもNAVI ラボ
混雑度マップとは 混雑統計紹介ページ GPS対応携帯電話をお使いの方から許諾を得て送信される位置情報の分布を、日本の総人口に当てはめてメッシュ化して地図上に重ね合わせたものです。また、集団の人数のみをあらわす人口統計情報であるため、混雑度マップからお客様個人を特定することはできません。 ※推奨ブラウザ：Internet Explorer8以上、Firefox 3.5以上 15,000人以上 12,000～15,000人 9,000～12,000人 5,000～9,000人 3,000～5,000人 2,000～3,000人 1,000～2,000人 500～1,000人 100～500人 地図上を右クリックまたは長押しすると、直近24時間以内の混雑度の推移を確認できます。 ※数値は推測人数です。 ※縮尺が広域の場合、混雑状況の分布は表示されません。 ※水深情報提供元：海上保安庁海洋情報部
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://gmaps-samples-v3.googlecode.com/svn/trunk/drivingdirections/directions-optimized.html
Elevation API overview | Google for Developers
Googleマップでルートと標高を調べる［地図日本語表記（Japanese）］ - 複数地点をポイントし、ルートと標高調べ【みんなの知識 ちょっと便利帳】
ルートラボ - LatLongLab
【自転車部】徹底解剖！ ルートラボ使いこなし術 
大島てる CAVEAT EMPTOR: 事故物件公示サイト
風邪（かぜ）薬「エスタック」【エスエス製薬】
境界線が不思議な地図を貼るスレ : はれぞう