JavaScript

航跡を可視化

航跡を可視化するwebアプリを作りました。GPX view http://tattii.github.io/map/gpxview/ 普段気球に乗ったときに航跡を記録してGoogle Earthで確認したりしてるけど、もっと気軽に航跡を見る方法があればいいなと思って作りました。必要と思った機能は、 …

Foursquare APIで履歴を取得する

Foursquareで履歴を取得する方法をまとめる。 1. Venue History users/USER_ID/venuehistory | API Endpoints https://api.foursquare.com/v2/users/self/venuehistory取得できるデータは、チェックインしたことのあるVenueのリスト(チェックイン回数、Venu…

JavaScriptでsvgをpngに変換して保存する

d3.jsで作ったsvgをpngに変換して保存する方法。 1.svgをcanvasに描画。 GitHub - canvg/canvg: Javascript SVG parser and renderer on Canvas canvg("canvas", "<svg>...</svg>" ); 2.canvasをtoDataURL()で、Base64エンコードした文字列に変換。 toDataURL() メソッ…

dot mapをリリースしました。

ドットの日本地図に色塗りができるdot mapをリリースしました。http://azuresky.fam.cx/d3/dotmap/ できること ドット日本地図に色塗り local strageに保存 pngとしてダウンロード 例えば 今までに行ったことのある場所を地図に表してみると。 説明 すべてJa…

Google Mapの新しい地図を使う方法

mapを読み込む前に1行追加するだけ。 google.maps.visualRefresh = true;地図のデザインが変わって良い感じ。Concepts - Google Maps JavaScript API v3 — Google Developers