タグ

Leafletに関するk-sideのブックマーク (4)

  • サーバーレスでルート探索付き地図サービスを自前で提供する方法を考えてみた | DevelopersIO

    はじめに アイキャッチ画像は、初めて精密な日地図を作ったとされる伊能忠敬と日地図です。いくつになっても信念を持って何かをひたむきに行う人に、私もなりたいものです。 さて、Webサービスを提供する際、地図を表示したいということは多々あるかと思います。地図で、様々な地点を一覧表示したり、ルートを表示できたりすると、ユーザ体験が向上するというのは少なくないかと思います。 こういった地図サービスをWebサービスに埋め込んで提供したい場合に、まず考えられるのがGoogle Maps Platformかと思います。 ちょっと最近大きく変更があったようですが、依然として一定の品質の地図、徒歩/公共交通機関/車でのルート探索、ストリートビュー等々、国内で提供されている最大級の地図サービスであることは異論ないかと思います。 単にユーザとしてGoogleMapをアプリなどで使用する場合、すべて無料なので特

    サーバーレスでルート探索付き地図サービスを自前で提供する方法を考えてみた | DevelopersIO
  • 鉄道混雑率の上位区間を地図上に可視化してみた(平成27年度版) - 初老のボケ防止日記

    2016 - 11 - 03 鉄道混雑率の上位区間を地図上に可視化してみた(平成27年度版) 比べてみた ビバ!エクストーリム通勤。 先日、TLで首都圏外のフォロワーさんが電車の混雑具合についてツイートしているのを見て、出張に行かないオジサンとしては首都圏以外の通勤具合を知りたくなったのである。 混雑率 そもそも、混雑率とはどういうものか。 鉄道の混雑率は、輸送人員÷輸送力で算出されます。混雑緩和は、民鉄のサービス向上の大きな目標ですが、この目標数値として最混雑区間におけるラッシュピーク1時間の混雑率が使われ、国土交通省は長期目標を新聞が楽に読める程度に緩和したいとしています。 混雑率 | 鉄道用語辞典 | 日民営鉄道協会 今時新聞読む人はあまりみかけないのであるが、混雑率という数値を具体的な体感内容にすると以下のイメージらしい。 100% 定員乗車。座席につくか、吊り革につかまるか、

    鉄道混雑率の上位区間を地図上に可視化してみた(平成27年度版) - 初老のボケ防止日記
    k-side
    k-side 2016/11/03
    前に下訳した内容が役に立ったかもしれないのでうれしい
  • Charlotte(シャーロット)2話に出てきた地図のleaflet版作った。

    地理院地図……お前、地理院地図じゃないか! というわけで、leaflet版作ってみました。 ズームもパンもできるよ!\(^ω^\)( /^ω^)/ ホントは地図の向きも合わせようかと思ったのですが、見づらくなるのと操作しづらくなるのでやめました。 example 一応、最新版のChromeとFirefoxで動作確認してます。IEもver.10なら動くみたいです。 制作委員会に怒られたら、やめるね! 解説 地図部分を透明色でくり抜いた画像をLeafletの上に重ねているだけです。 地図の奥行を出すのにCSS transformを利用しています。 example <!doctype html> <html lang="jp"> <head> <meta charset="utf-8" /> <title>charlotte Maps</title> <link rel="stylesheet"

    Charlotte(シャーロット)2話に出てきた地図のleaflet版作った。
  • Leaflet WMS + GetFeatureInfo

    k-side
    k-side 2015/01/23
    Leaflet で WMS の情報をポップアップするためのエクステンション。AJAX を使うので jQuery が必要になる。
  • 1