GUNMA GIS GEEK

群馬県の片隅でオープンデータとデータビジュアライゼーションとGIS(地理情報システム)に戯れるエンジニアのブログ。

*

「 Google Map API 」 一覧

道路上のマーカー

「ポケモンGOみたいなゲーム作って〜」と言われたときのために、巨人(Google)の力をかりて、道路上にランダムにマーカーを設置する。

  2016/08/05    Google Map API, leaflet.js, turf.js

そろそろ、世間では「ポケモンGOみたいの作ってー作ってー」という無茶振りと、それ …

群馬県交通死亡事故発生マップ

群馬県の交通死亡事故発生箇所データをヒートマップにして表示してみた。

  2016/05/24    d3.js ver.3, Google Map API, maps

demo 群馬県が待望のオープンデータを開始してくれたので、早速公開されているデ …

smoothGeoPath

地図上のラインを滑らかに表示する

  2015/11/10    d3.js ver.3, Google Map API, 未分類

example geojsonのラインを補完して滑らかに表示してみました。 ちょ …

leaflet and Google custom style

Leaflet.jsでGoogle Maps を表示する

  2015/07/16    Google Map API, leaflet.js

「Leafletでグーグルマップって使えないんですか?」という質問が多かったので …

Street View Image Search

ストリートビューの画像を使いたいときは「Street View Image API」を使いましょう。

  2015/06/17    Google Map API

Google Street View Image APIを使うと、JavaScr …

Graphically Edit a Data Layer

Google Maps APIにGeoJSONを編集する機能が付いたので、サクッとGeoJSONエディタ作ってみた。

  2015/04/21    Google Map API, webix

以前、Google Map上にGeoJSONを表示するデータレイヤーについてお伝 …

Google Maps GeoJSON Grid

地図上にグリッドを書いて色塗り(模索中)

  2015/02/03    Google Map API

example 100m × 100mのグリッドをGoogle Maps上に表示 …

阪神・淡路大震災「1.17の記録」位置情報付加

[Fusion Tables]阪神・淡路大震災の記録写真(オープンデータ)に位置情報付加してみた。

  2015/01/20    data, Google Map API

阪神・淡路大震災「1.17の記録」の画像情報一覧ファイル(20150120101 …

intel map風スタイル

[GMaps API v3] Ingress Intel Map Style

  2015/01/14    Google Map API

example 小ネタ。 Ingress Intel Map風のスタイルでGoo …

群馬県 小学校区 ボロノイ図 重ね合わせ

群馬県の小学校区とボロノイ図を重ね合わせてみた

  2015/01/06    d3.js ver.3, Google Map API

example 以前紹介した「最適配置の数理」という本の中で、学校区の範囲とボロ …

Excel2Gmap

「E2D3」を使ってExcel上にGoogle Mapsを表示してみた。

  2014/10/30    E2D3, Google Map API

昨日に引き続き「E2D3」を弄ってます。 Google Maps表示してみた 昨 …

FusionTables

複数のFusion Tablesを一つの地図上に重ねて表示する。

  2014/10/14    Google Map API

下記は群馬県のバスルートデータとバス停留所データのFusion Tablesを重 …

Google Mapにマスクをかける

【D3.js】Google Mapにsvgを使ってマスクをかける

  2014/10/01    d3.js ver.3, Google Map API

example 実は以前、ClipPathを使って似たようなことをやったことがあ …

snap.js + Google Maps API(スワイプイベントをmap要素に適用しない)

snap.jsを用いてサイドメニュー付きの地図を作成してみています。 それなりに …

Google Map上に棒グラフを表示する

【D3.js】Google Map上に棒グラフを表示する

  2014/09/15    d3.js ver.3, Google Map API

example 円グラフに引き続き、棒グラフを地図上に表示してみました。 棒グラ …

google map上に円グラフを表示する

【D3.js】Google Map上に円グラフを表示する

  2014/09/05    d3.js ver.3, Google Map API

example 以前,前橋のオープンデータを使ってシンボルマップを作成しましたが …