タグ Leaflet
人気順 5 users 50 users 100 users 500 users 1000 usersVue で地図を表示する無料で最短の道 - Qiita
概要 Vue で地図を表示するアプリを作ってみます。 地図ライブラリは leaflet を使います。 前提 node と npm ここからダウンロード vue-cli vue-cliのインストール 続きを読む
BootLeaf - Bootstrap/Leafletを使った地図テンプレート MOONGIFT
地図とWebは相性が良いです。移動中に地図を見たいと思うことは多いですし、旅行や出張前に計画を立てる上でも地図が必要です。それもあり、Googleマップをマッシュアップする地図サービスは無数に存在します。 今回紹介するBootLeafはそんな地図マッシュアップのベースになるようなソフトウェアです。様々な情報を地図に載せやすくなっています。 BootLeafの使い方 地図が右側に、表示している情報が... 続きを読む
Excel管理の座席表をLeafletでWeb化した話 : LINE Engineering Blog
こんにちは、LINEのIT支援室で社内システムの開発と運用をしている岩月です。この記事は LINE Advent Calendar 2017 の6日目の記事です。 人員の増加に対応するために、今年の4月、LINEはJR新宿ミライナタワーに移転しました。移転に伴い、IT支援室ではいくつかの新しい社内システムを導入しましたが、今日はその1つである「座席表」についてお話させていただきます。 開発のきっか... 続きを読む
gsi-cyberjapan/gsimaps · GitHub
地理院地図 地理院地図(国土地理院サーバからの提供):http://map.gsi.go.jp/ 地理院地図(本レポジトリからの提供):http://gsi-cyberjapan.github.io/gsimaps/ ご利用上の留意点 以下の方向で利用条件を整理しており、後ほど本 README と合わせて LICENSE ファイル等を整理いたします。方向性については次のとおりです。 Leaflet... 続きを読む
【D3.js】 LeafletにSVGをオーバーレイする。 | GUNMA GIS GEEK
Leafletは、モバイルフレンドリーでインタラクティブな地図をWeb上に表示するJavaScriptライブラリです。最近、海外での存在感が高まっているような気がします。 今回は、D3で作成したsvg要素をLeaflet上にオーバーレイしてみました。 (まだ、ソースのコメントに書いたこと以上の知識がないので、サンプルコードのみで詳しい解説はありません) サンプル D3.jsとともにLeaflet.... 続きを読む
Googleマップライクに地図操作ができるJavaScriptライブラリ「Leaflet」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
今やあのUIが当たり前になっている。そして地図以外でも使える場面も増えている。あのようなUIをオープンソースで手に入れたいならばLeafletを使ってみよう。 0 LeafletはCloudMadeが提供するライブラリで、地図操作に用いることを想定している。マーカー表示やマーカーからのポップアップ、イメージのオーバーレイにも対応する。拡大、縮小する時にはアニメーションしたり、ホイールやダブルクリッ... 続きを読む
[JS]スマホ・デスクトップに対応したインタラクティブなマップが作成できるスクリプト -Leaflet | コリス
jQueryなど他のスクリプトに依存せずに、インタラクティブなマップを作成できる軽量のスクリプトを紹介します。 Leafletは、ユーザビリティ、パフォーマンス、サイズ、フレキシビリティを重視して開発されており、デスクトップとモバイルの主要なブラウザでインタラクティブなマップを作成できるBSDライセンスのスクリプトです。 Leafletの主な特徴 タイルレイヤー マーカー、ポリゴン、ポリライン、サ... 続きを読む