OpenStreetMap

[MaaStep]30分でできるにゃすかの地上絵[React/Leaflet/OSM] MaaS

[MaaStep]30分でできるにゃすかの地上絵[React/Leaflet/OSM]

はじめに 今回はReactでOpenSteetMapの地図を表示して、その上にPolylineやMarker、Popupで地上絵を描く方法について紹介します。 これを応用すれば、経路を地図表示したり、好きな場所をマークしたりできます。 ちなみに一番時間がかかったのは下絵→緯度経度の変換です。 Lea…
[MaaStep] OpenStreetMapのズームレベル変更 MaaS

[MaaStep] OpenStreetMapのズームレベル変更

こんにちは、体調崩れかけの石川です。季節の変わり目には注意しましょう。 OpenStreetMapについては、こちらをどうぞ。ざっくりいうと自前のマップタイルサーバです。 ズームレベル ズームレベルは、地図を表示する上での縮尺の段階のことです。詳しいことはここに書いてありますが日本人で英語が読めない…
[MaaStep]OpenStreetMapのセットアップ[Ubuntu18.04でできたので完成版] Azure

[MaaStep]OpenStreetMapのセットアップ[Ubuntu18.04でできたので完成版]

はじめに Azureを用いてMaaSに関するアプリの作成をしているときに作ったもの・触ったものを「MaaStep」としてタグをつけて紹介していく企画第4弾です。 前回はOpenStreetMapのタイルサーバーのセットアップを試みましたが、Apacheの設定で詰みました。 前回言っていたApache…
[MaaStep] OpenStreetMapでの文字化けの解消法 MaaS

[MaaStep] OpenStreetMapでの文字化けの解消法

MaaSネタが続きます。石川です。 前回の記事でOpenStreetMapを構築しました。 早速ですが、構築したものをleafletから呼び出してみます。 >大量の豆腐(日本語が□に化けたもの)< これじゃ使い物にならないので直します。 原因 この現象の原因は以下の通りです 日本語を表示できるフォン…
[MaaStep]OpenStreetMapのセットアップ[Apacheサーバーの設定まで] Azure

[MaaStep]OpenStreetMapのセットアップ[Apacheサーバーの設定まで]

はじめに Azureを用いてMaaSに関するアプリの作成をしているときに作ったもの・触ったものを「MaaStep」としてタグをつけて紹介していく企画第3弾です。 前回はOpenStreetMapのセットアップを試みましたが、Mapnikで詰みました。 今回は一度作成したVMを作り直してから、Open…
OpenStreetMapとOpenTripPlannerで経路検索してバスに乗れと言ってもらった MaaS

OpenStreetMapとOpenTripPlannerで経路検索してバスに乗れと言ってもらった

MaaS関連のプロジェクト中にバスに乗るところまで実装したので手順をまとめました。 OpenStreetMapとは OpenStreetMap(OSM)は、誰でも自由に地図を使えるよう、みんなでオープンデータの地理情報を作るプロジェクトです。 プロジェクトには、誰でも自由に参加して、誰でも自由に地図…
[MaaStep]OpenStreetMapのセットアップ[Ubuntu 16.04でやろうとしたらMapnikで詰んだ編] Azure

[MaaStep]OpenStreetMapのセットアップ[Ubuntu 16.04でやろうとしたらMapnikで詰んだ編]

はじめに Azureを用いてMaaSに関するアプリの作成をしているときに作ったもの・触ったものを「MaaStep」としてタグをつけて紹介していく企画第2弾です。 前回はTerraformを使ってAzure VMをセットアップしました。 今回はいよいよOpenStreetMapのセットアップをしていき…