こんにちは、フロントエンジニアのおじいちゃんです。 今回は、任意で入力した場所から指定された場所までのルートをGoogleマップに描画する方法を紹介したいと思います。 Googleマップ描画 サンプルとして、任意に入力した場所からLIGまでの、徒歩でのルートを描画することにしたいと思います。 まずは通常のGoogleマップを設置します。 <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js/sensor=TRUE"></script> <div id="map_canvas" style="width: 800px; height: 600px;"></div> <div class="searchBox"> <form> <input id="mapSearch" type="text"> <
Googleマップを使って、特定の場所の地図やストリートビューをブログやサイトへ埋め込みたい時があると思います。 しかし地図ならともかく、ストリートビューを埋め込むことが、新しいグーグルマップでは埋め込むことができなかったり、どこからタグを発行するのかわかりづらくて面倒になっている気がします。 今回は、そのGoogleマップの埋め込み作業に特化していて、手順が楽になるサービスをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Googleマップの地図やストリートビューを埋め込むことに特化した「Embed Google Maps」 「Embed Google Maps」は、その名の通りGoogleマップの埋め込みタグを発行することに特化したサービス。 住所や名称で検索して、場所をタップ
Google が新しい Google Maps Embed API を公開しました。 埋め込む地図の URL に様々なパラメータをつけることで、ルート案内や周辺検索など、様々なカスタマイズを簡単に行いつつ、Web ページ上に地図を表示することが可能です。 Adding the new Google Maps to your website just got easier with the new Google Maps Embed API : Google Geo Developers Blog Google Maps Embed API : Google Developers Google Maps Embed API - Developer Guide 埋め込みコード生成用のページも用意されています。下記にアクセスしてみましょう。 Google Maps Embed API -- Ge
Geocoding.jp APIとは? 住所やランドマーク名から経度、緯度を検索してXMLで返します。 検索の頻度を、10秒に1回程度に抑えてください。 Keep your search frequency to about once every 10 seconds. Aobaが個人で作成、運用しています。 Google様とYahoo!様のふんどしで相撲をとっております。 お問い合わせはTwitter窓口まで。 APIとかじゃなくて地図を表示したい!という方はこちらへどうぞ Geocoding API 仕様 HTTP Request Method: GET リクエスト送信先: https://www.geocoding.jp/api/ 必須パラメータは1つ: q=住所やランドマーク名称など WGS84の経度、緯度を返します。 近似TOKYO97の座標が欲しい場合: d=tokyo リクエ
iOS向けの『Google Maps 』で、オフライン用に地図データを保存しておく方法があるそうです。 地図アプリには元々データをキャッシュしておく機能がありますが、一度も表示していない画面のデータは保存されいないためズームやスクロールができず、電波の入らない場所ではあまり使い物になりません。 しかしながら、ちょっとした「コマンド」を使うだけで、明示的に地図データをオフライン用に保存することができます。(残念ながら現時点では国内で使えず、故にタイトルどおり海外限定となります) 「Google Maps」でオフライン用に地図をキャッシュする方法 1. まずはズームなどで保存したい範囲が画面に収まるように調整します。あまり範囲が広いとエラーとなるので注意しましょう。 2. 検索窓に「OK MAPS」(大文字・小文字ともに使えます)と入力。 すると、データのダウンロードが始まり、アイコンのアニメ
Home Google マップ JavaScript API V3 まとめ Google マップ JavaScript API V3 まとめ 地図コンテンツ作成とカスタマイズ例です。現在グーグル Maps Javascript API のバージョンは「V3」で、Nexus などのタブレットや Android スマートフォンにも適しています。 以下のほか、ブログも参照して下さい。このページに未掲載のマップが多数あります。 V2は2010年5月19日、正式に廃止されています。Google はV3への移行(Google Geo Developers Blog: GoV3: It's time to Upgrade)を奨めています。2013年11月19日以降(機能により)使えなくなっています。 2013年5月、ラベル類が更新されました。javascript の冒頭に google.maps.vis
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く