Leaflet.jsで動くバス路線図の実例 - WeTRADiA
#leaflet.js でヌルヌル動く路線図の輪を広めよう #にし シームレス路線図 バス路線図としては、神奈川県川崎市の川崎駅周辺 2017年の秋くらいで更新が止まっている…… 大学の卒業制作、AXIS Web Magazineの取材も受けた これ↑を読んでいただければなんとなく伝わると良いな、なのだが、バス路線図を作りたかったのではなくて、鉄道の路線図とバス路線図を一緒にしたかったのが出発点 色々な交通機関が一体的に……MaaSのプラットフォーム的にご利用いただけないでしょうか（寝言） 具体的には、ズームレベル13の図が画期的なのです Tokyo Subway 東京の地下鉄路線図としては8割くらいできていて、かなり良いと思っているんだけど、都営バスを入れたいなあとか思っているんだけど……作りかけ 高田馬場駅あたりの都営バスがちょこっと書かれている #ばやりーす シームレスバスマップin
非エンジニアの自分がウェブ地図サイトを公開するまで - Qiita
9/7 タイトルを修正&一部加筆しました。 非エンジニアでもできる！ウェブ地図サイトの作り方 → 非エンジニアの自分がウェブ地図サイトを公開するまで こんな風にグリグリ動かせるウェブ地図サイト、作ってみたいけどハードルが高いなぁ…という方もいらっしゃるのではないでしょうか。 実際、自分もサイトを作るまではそう思っていました。 しかし意外と簡単に、オープンソースのソフトのみで作れてしまうんです！ （サーバ代や取得するのであればドメイン代等はかかりますが…） 非エンジニアのデザイナーの自分ですがサイト公開までできたのでやり方を共有します！ ※自分のスキルとしては関してはgithubもVScodeも使えない、CSSとhtmlぐらいならツギハギでなんとか…(10年前ぐらいの知識)というレベルなので、特に後半のサーバ周りに関してもっと楽なやり方があるかもしれません。 QGISで地図を作る 一番の肝は
React Leaflet + TypeScriptで地図（地理院タイル）を表示する
Webブラウザで地図を表示させる JavaScript のライブラリとして Leaflet がよく使われる。 Leaflet ではブラウザに地図タイルを表示し、移動・拡大・縮小といった基本的な動作を行うとともに、マーカー・画像等を地図と連携して表示させることが可能。あちこちの商用サイトでも使用されているのを見かける。 Leaflet は単なる JavaScript のライブラリなので、これを React で扱うときは、その間を上手いことバインディングしてくれる React Leaflet を使うのが便利。 そこで本記事では、React Leaflet を TypeScript で扱いつつ、国土地理院が公開している地理院タイルを表示するまでの手順を解説する。 （というか、これをやる方法を軽く検索したけど良いサンプルが見付からず、試行錯誤して動くものを作ったので、その経緯をメモとして残しておく
dayjournal | Try #051 – 色々なマップライブラリでポイント表示数の限界を探ってみた
この記事は、「FOSS4G Advent Calendar 2020」の9日目の記事です。 Mapbox GL JS・Leaflet・OpenLayersでのポイント表示数の限界を探ってみました！ JSマップライブラリで頑張ってアプリケーションを構築したのにブラウザの表示動作が重く感じたことはありませんか？ それはアレです…ライブラリとブラウザの限界です… 一昔前は、Leafletの前バージョンで数千件のポイント表示でもブラウザが固まり限界でした。そのため、ラスタタイル化をしたりバックエンドを構築して画面範囲のみを描画したりと工夫が必要でした。 しかし、近年の充実したJSマップライブラリの登場により、驚くほど大量なデータがフロンエンドのみでも表示できるようになり選択肢が広がりました。 今回はその限界を探ってみようということで、どのマップライブラリが適しているのか、フロントエンドのみの仕組み
leaflet.js を使った Web地図
ここでは leaflet.js を使った Web地図の例を示します。 他のWeb地図 地図例一覧 基本的なコード･･････････････ 国土地理院地図タイルを利用した基本地図 具体例 参考 ベースレイヤの切替･･････････ ベース地図タイルを切替えて利用する 具体例 例２ 参考 マーカを設置する････････････ 色々なマーカを設置する 具体例 参考 レイヤを切替････････････････ レイヤの表示を切替える 具体例 参考 ライン&マーカを追加････････ クリック点にライン&マーカを追加/削除する 具体例 参考 JSON マーカを追加･･････････ マーカ情報を持つ JSON を読込んでマーカを追加 具体例 他の例 参考 google mapも表示････････････ Leaflet に google mapも表示する 具体例 参考 例2 住所検
Leaflet — an open-source JavaScript library for interactive maps
an open-source JavaScript library for mobile-friendly interactive maps Leaflet is the leading open-source JavaScript library for mobile-friendly interactive maps. Weighing just about 42 KB of JS, it has all the mapping features most developers ever need. Leaflet is designed with simplicity, performance and usability in mind. It works efficiently across all major desktop and mobile platforms, can b
leafletではじめるRによる地図プロット
1 はじめに この記事は、R Advent Calendar 2015の12月22日担当分の記事です。 また、この内容は2015年12月5日に私がJapan.R 2015にて発表した内容をベースに、説明をくわえ再編集したものです。その時のスライドは以下に設置しています: http://rpubs.com/kazutan/leaflet_slide 1.1 leafletとは leafletとは、JavaScriptのオープンソースライブラリである“leaflet.js”をRでも利用できるようにしたパッケージです。これはhtmlwidgetsパッケージにより実現されています。JavaScriptを使わなくてもRだけで利用可能ということで、非常に注目を集めているパッケージです。 1.2 特徴 最大の特徴は、htmlで動的な地図が作れることです。主に以下のような特徴が挙げられます。 ぐりぐり動か
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Building Your Own Geolocation Platform Like Google Maps Using OpenStreetMap and Java Spring Boot
GitHub - Leaflet/Leaflet: 🍃 JavaScript library for mobile-friendly interactive maps 🇺🇦