地理＠沼津高専 ウェブ地図 お知らせ Googleの規約改定に伴い、Google Maps APIを使ったページの公開を停止しています。 代替ページとしてLeafletを使った同様のページを用意しておりますので、そちらをご利用ください。 → 「ブックマーク」・「お気に入り」等に登録されている方は変更をお願いします。
example Google Maps APIでサポートされたGeoJSON表示機能を使って、高崎市の公示地価を地図上にプロットしてみました。（一部、D3.jsを使用しています） 赤いサークルが前年度よりプラスになった場所です。 「高崎パブリックセンター」予定地周辺の地価がやはり上がっているようです。 【参照】 Google Map上にGeoJSONデータを表示する サンプル google.maps.event.addDomListener(window, 'load', function() { //ツールチップ要素を追加 var tooltip = d3.select("body") .append("div") .attr("class", "tooltip") .style("position", "absolute") .style("z-index", "999999") .s
Introduktion Urban Jungle Street View är ett experiment för att leka med djupdata i Google Steet View. Det är så enkelt och kraftfullt att använda Google Maps API. Så mycket data i dina händer. För stilen på kartan används guiden Styled Maps för att se vilka olika typer av inställningar det finns och exportera inställningarna som JSON. Ett tips är att stänga av alla funktioner först med {”stylers”
どうもです、はやちです(◞‸◟) いきなりですがみなさん、せっかくデザインされた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
Luc Vincent, the man in charge of all the imagery in Google's online maps, next to a Trekker.Credit...Dan Winters for The New York Times Fifty-five miles and three days down the Colorado River from the put-in at Lee’s Ferry, near the Utah-Arizona border, the two rafts in our little flotilla suddenly encountered a storm. It sneaked up from behind, preceded by only a cool breeze. With the canyon wal
2009/5/27に Google Maps API V3 が公開され、V2 の正式サポートは 2010/5/19に終了しましたが、2013/5/19(※1)までは引き続き機能するとのことで、長い間 Google Maps API V2 のまま手つかずだった「Googleマップを活用しよう」「GPSロガー旅記録」「湯巡りマップ」地図表示ページを V3 に移行することにしました。（2013.3.19作成） （※1）（2013.5.1追記）2013/5/1に2013/11/19まで半年間延期のアナウンス。この日以降は V2 を使っている地図は、JavaScript ラッピングによる下位互換機能を持たせた V3 の地図に自動的に切り替わる。大部分のシンプルな地図は機能するそうですが(※2)、この間に V3 へ移行することを強く推奨しています。 （※2-1）（2013.11.20追記）当ホームペー
◆Google Maps JavaScript API V3 Example（Demo）一覧 ※本ページのiPhone（スマートフォン端末）用デモを見るには、ブラウザはGoogle Cｈromeを使用して下さい。 はじめに ともかく地図を表示する。（デフォルト：ナビ、地図タイプ、距離スケール表示） WordPressの記事内にGoogle Mapを表示させる アイコンとインフォウィンドウ アイコン（マーカー）+インフォウィンドウ コントロール アンドロイド”Android” コントロール（地図の拡大・縮小） 拡大・縮小用ズームコントロールボタン（地図の拡大・縮小） カスタムコントロール/地図内に現在地に戻るボタンを設置 全画面フルスクリーン表示を切り替えるボタンをGoogleマップ内に実装する マーカー（アイコン）の配列についての検証(２次元配列を理解してみる) for (var i =
こないだ仕事で、Google Maps JavaScript API V3を利用してとあるサービスのサービス拠点を検索・表示するページを作成しました。 要はマップを動かすとその中心点から近いサービス拠点を検索してマップ上にマーカーを表示するというよくあるアレです。 さて。 Google Maps API V3でストリートビューを表示できるようにするためには、streetViewControlというパラメータがtrueである必要があります。 今まではデフォルトではfalseだったため、明示的にtrueにしなければストリートビューが表示されることはありませんでした。 ところが。 先月10月ごろから、デフォルトがtrueに変更されました。 冒頭のサービス拠点検索ページもその影響でストリートビューが表示されるようになってしまい、納品前で余計な不具合を出したくなかったのですぐにfalseに変更しまし
ここでは、Google Maps JavaScript API(version 3)を使って遊ぶ方法を説明したいと思います。 Google Maps JavaScript APIを使うと、グーグル社が提供する衛星写真や地図を使ってホームページ上で色々なものを作れます。 対象とする読者は初心者もしくは入門者です。 Google Maps APIはJavaScriptを使って書いてあるので、JavaScriptの知識があった方がわかりやすいと思いますが、Java Scriptがわからなくても何と無くわかるような説明を目指したいと思っています。 基本編 Google Maps APIの単純な例 地図の種類を切り替える 地図の中心を移動する 地図上にふきだしを表示 地図がクリックされたときの処理 マップタイプコントロールを無効にする 緯度経度取得ツール 要望が多いので緯度経度情報を取得するツールを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く