Google Maps上で二点間の中心点を観察できるページを作った - hitode909の日記
最近引越し先を探していて、もうちょっと北がいいとか、通勤を考えるとうちのオフィスに近いほうがいいか、とかディスカッションしていたのだけど、実際のところ中心点はどこなのか？と気になってきた。 Google Maps上で経路は見えるけど中心点は見えないので、ちょっとAPIを呼んで可視化するページを作った。 きのうの深夜と今朝の早朝にちょっとずつ作ってるうちに方向性がぶれてきて、中心点に、「愛」と書かれたピンがプロットされる。 オフィス間の中心見ての通り、我が家の職場の中心点は御所の中心付近で、ここに住むと双方への通勤が非常に快適になることがわかった。 せっかくなので好きなキーワードを入力して、好きな場所と場所の中央を見えるようにしている。 よく冗談で、いまから東京オフィスと京都オフィスの中心で集まって、そこで宴会をしよう！とか言っているのだけど、その正確な場所を割り出せる。 はてな京都オフィス
あのイライラが解消、「Googleマップ」で嬉しい仕様変更
すべてのスマホユーザーとウェブサイト制作者に朗報です。Googleマップの埋め込み地図でスマホ向けの操作仕様が変更されています。 新仕様では、スマホでウェブサイトに埋め込まれたGoogleマップの上を1本指でスクロールしても、埋め込み地図がスクロールせず、意図通りに画面全体をスクロールできるようになっています。埋め込み地図のスクロールには、代わりに2本指での操作が要求されます。過去に埋め込んだ地図にも新仕様が適用されています（古い埋め込みタグでは新仕様が適用されないかもしれません）。 試しに以下の埋め込み地図を1本指でスクロールしようとしてみてください。地図が暗転して「地図を移動させるには指2本で操作します」と説明されるはずです。 これまでGoogleマップがウェブサイトに埋め込まれていると、スマホで画面をスクロールしようとして埋め込み地図上を指で操作しても地図内でスクロールが発生してしま
ものっすごい簡単にGoogleマップAPIを操作出来るjQueryGoogleMAPプラグイン
タイトルで全部言っちゃってる気がしないではないですが、WebサイトにGoogleMAPを設置して、色々と簡単にAPIを叩けるプラグインです。 ちなみにこの記事の為にこのjQueryプラグインを読み込むなんてことはしておりませんので、説明で使用しているMAPは全てキャプチャー画像です。本来なら、ぐりぐりと拡大縮小出来るあのMAPを貼り付ける事が出来ます。気になる方は、最後に紹介するチュートリアルページをご覧になっていただければ、わかると思います。 まずは呼び出し 基本の呼び出し。 まずはページのどっかに書いて読み込みましょう。 <script src="javascripts/jquery.js"></script> <script type="text/javascript" src="//www.google.fr/jsapi"></script> <script type="text/
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キー)が必要です。この章では取得方法を説明します。 アカウントの用
start [Linux Garmin Communicator Plugin]
Officially Garmin does not offer any support for Linux. To be able to use my two Garmin devices under linux I started the development of a browser plugin that behaves just like the original Garmin Communicator Plugin. The plugin allows you to send gpx files to the device (eg. “Send to gps” from geocaching.com) or to upload your fitness data to a website (eg. connect.garmin.com). If you like the pl
GoogleMapの簡単な埋め込み方法。アイコンやデザインのカスタマイズも！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもです、はやちです(◞‸◟) いきなりですがみなさん、せっかくデザインされたWebサイトの中にデフォルトのGoogleマップがあるとなんだかもったいなく感じませんか？(◞‸◟) どーにかこれをうまくデザインできないだろうか(◞‸◟) ということで、今回は簡単にGoogleマップのデザインをカスタマイズできる方法をご紹介したいと思います٩( ᐛ )و Googleマップを表示させよう まずはじめに基本から。Googleマップを設置しましょう( ˘ω˘)☝ Googleマップの設置 <script src="http://maps.google.com/maps/api/js?key=ここにAPIキーを入れます&language=ja"> </script> headerタグAPIを取得するスクリプトをつけます。 APIの取得はこちらをご参照ください <div id="js-map-tae
Seis Pesos
小丸川水系と一ッ瀬川水系の分水界を地図に描く(2024年04月20日) 宮崎県の一級水系小丸川と二級河川一ッ瀬川の分水界をわかりやすくトレース マップ読図 小丸川の水系、国土交通省 によると幹川の流路延長は 75 km、流域面積は約 474 km²。 一ッ瀬川の水系、宮崎県西都土木事務所 (PDF) … マップタイルを使わず日本を表現するサンプル(2024年04月17日) 前回はマップタイルを用いず geojson で世界の国や地域を示したが、今回は日本。 ズームレベル次第でラベル表示も変えてみる。例としてアメダス24時間降水量 気象庁が配布する csv を php で配列にして javascript でプロ… マップタイルを使わないで世界地図を作ってみるサンプル(2024年04月14日) 国土地理院や OpenStreetMap などのマップタイルがもしも障害を起こしたりサービスを終了し
概要 - Google マップ
隔離された火山諸島を探検 1835 年にチャールズ・ダーウィンがガラパゴスで行った野生動物の観察と記録は、彼の自然淘汰による進化論に大きく貢献しました。
日本一高いストリートビュー 公開します
メディア関係者向けお問い合わせ先 メールでのお問い合わせ: pr-jp@google.com メディア関係者以外からのお問い合わせにはお答えいたしかねます。 その他すべてのお問い合わせにつきましては、ヘルプセンターをご覧ください。
行っても行っても砂 Googleストリートビューに鳥取砂丘
Googleストリートビューにこのほど、鳥取砂丘のパノラマ写真が加わった。観光名所などを集めた「スペシャルコレクション」の1つとして公開されている。 大きな地図で見る このほか鳥取県、島根県、石川県、富山県などのエリアがストリートビューに追加された。スペシャルコレクションとしては高岡古城公園（富山県）、石見銀山街道温泉津沖泊道（島根県）、名古屋競馬場（愛知県）、毛利庭園（東京都）などが加わっている。 関連キーワード ストリートビュー | Google | 地図 advertisement 関連記事 室内で世界中をサイクリング！ Googleストリートビューの中を走れるフィットネス自転車「Virtual Cycling」 パリやニューヨークなど、好きなところで仮想サイクリングできちゃう。 ゾウガメさんチーッス Googleストリートビューにガラパゴス諸島追加へ ガラパゴス諸島をバーチャル散歩
新しいGoogleマップがやばい、宇宙から日常までが全部入り
先日開催されたGoogleの開発者向けイベント「Google I/O 2013」でお披露目された新しいGoogleマップ。一般には夏公開予定で、現在のところ招待制でデスクトップブラウザ用の試用版が提供されている。 編集部で新しいGoogleマップを試すことができるようになったので、簡単に紹介したい。 ストリートビューから、一気に宇宙空間へ 時として画像は言葉より雄弁だ。まずは以下の画像を眺めてみてほしい。 気象衛星画像は数時間ごとに更新か？ 完全にリアルタイムではないものの、気象衛星から撮影された雲画像は数時間ごとに更新されるものと思われる。 上の画像は、日本上空の気象衛星画像。一方、下の画像は同時間帯に確認したGoogleマップ。雲の形などからGoogleマップ上でも気象衛星画像が随時反映されていることが分かる。 月もある？ 宇宙空間には月も存在しているようだ。2013年5月26日17:
新しいGoogleマップの招待状が届いたので実際に使ってみたよレポート、見た目や使い勝手は一体どうなのか？
「Google I/O」にて発表された新しいGoogleマップをいち早く使う招待状をゲットすることに成功したので、実際に使ってみました。果たして使い勝手はどれぐらい改善されているのでしょうか？というか、現時点でのGoogleマップでも特にこれといった不満点がなかったので、むしろ「改悪されていたらどうしよう？」という気持ちの方が大きいのですが、その結果やいかに？ これが昨日13時頃に届いたGoogleからの招待状HTMLメール 指定されたURLにGoogle Chromeからアクセスし、「ログイン」をクリックして、招待状登録時のGoogleアカウントでログイン 「使ってみる」をクリック これが新しいGoogleマップ、今のGoogleマップと違って地図の表示面積が多くなっていることがわかります。機能的な部分は右上にある「使い方ガイド」の案内が一番分かりやすいのでそれに従っていきます。 まず左
宝の山「ホンダ・コレクションホール」がまるごとGoogleマップに収録
「伝説級のお宝」というものを目にする機会というのはあまりないのですが、そのあまりない機会が山ほどあるのが世界のホンダが所有する「Hondaコレクションホール」。その中身がごっそりとGoogleマップで見られるようになりました。好きな人は1日でも2日でもディスプレイの前から離れられなくなること間違いありません。 いくつか見どころの紹介。1Fのアシモギャラリーでは「箱＋足」なころの試作モデルが展示されています。 フロア間の移動はこちらのボタンで。 2Fは市販モデルフロア。自動車部門はホンダ・S600からバモス、シビックやビートといったホンダらしい車種が展示。 二輪部門はおなじみスーパーカブの歴代モデルがズラリと。撮影機材の都合なのか、全体的に視点が高いので下のほうがあまり見えないのが難点ではあります。 3Fはレーシングマシンの階。戦後すぐのころ、マン島TTや浅間火山レースといったレースで大活躍
そろそろ確認！Google Map API V3 への移行は済んでますか？ | バシャログ。
寒い！最近の状況を説明するにはひと言で十分。 寒い！！kimoto です。 Google Map を自分のサイトに埋め込めることができる Google Maps API。 現在の最新バージョンは v3 なのですが、一つ前の v2 のサポートが今年の5月に切れます。 （v2 のマニュアルにも注意書きがあります） ※ 2/26追記：正確にはサポートが切れたのは2010年の5月で、2013年の5月までは動作を保証する、という事だそうです。つまり、それ以降は動作の保証が無くなるということですね。 もし API を利用している方はバージョンが幾つか確認し、v2 であれば早急に v3 に移行することをおすすめします。 てことで、v3 の設置の仕方を簡単に説明しようとおもいます。 読み込み 読み込むコードはこちら。 <script type="text/javascript" src="http://m
Google Map を簡単お洒落にカスタマイズ！「Styled Map Wizard」使ってみた。 | バシャログ。
今月発売予定の「メタルギアライジング」をそわそわ楽しみにしているアクションゲー好き seki です。 今回もWebサービスのご紹介です！ 最近よくよく見かける、「Google map」のデザインをお洒落にカスタマイズして載せているサイト。皆さんも一度は目にしたことがあるかと思いますが、こちら、どうやって作っているか気になりますよね。 今回は、js無知な私でも簡単に作れる Google Maps API 「Styled Map Wizard」の使い方を、ざっくりと例を挙げてご紹介します。 【参考サイト】 今回はこちらの記事より、参考・引用して解説します。こちら、とても丁寧に解説されているので、jsが分らなくても出来るかと。 今回作成したもの 画像ですみませんがこちら。 アイコンは seki になっていますが場所はバシャログ。本陣です。 色をモノクロにして、交差点やコンビニ、銀行などのアイコン
Flightradar24.com
Flightradar24 is the best live flight tracker that shows air traffic in real time. Best coverage and cool features!
Googleストリートビューが今度は海中に進出！ サンゴ礁のパノラマがマップに（動画）
Googleストリートビューが今度は海中に進出！ サンゴ礁のパノラマがマップに（動画）2012.09.28 12:00 福田ミホ ウミガメ発見！ Googleマップで、南の島の水中ストリートビューが見られるようになりました。Googleマップの公式ブログによると、オーストラリアのグレートバリアリーフ、ハワイ、フィリピンにあるいくつかのサンゴ礁が現在見られるようになっています。マンタやウミガメと泳いだり、ハワイのハナウマ・ベイに潜ったり、がバーチャルにできるんです。アップルが独自マップで四苦八苦しているのをしり目に、Googleマップはますます拡張していきます...。 これらの水中写真撮影にあたり、Googleは世界のサンゴ礁を研究しているCatlin Seaview Surveyと提携しました。Catlin Seaview Surveyのダイバーたちが時速4kmほどで泳ぎながら、世界に2台
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ここは以前から草原だった場所なのか……津波被災地の最新ストリートビュー公開 福島第一原発「避難指示区域」8市町村も新規に撮影
TechCrunch
mapipo 6: Googleマップが使えるマップアプリ。経路検索とストリートビューが使いやすい！無料。 | AppBank
