Ubuntu18.04でOpenStreetMapタイルサーバーを設定する方法

コマンド出力：

惑星の地図データ全体をインポートする場合は、-dropを使用します。 オプションと--flat-nodes インポート速度を上げるオプション。 --flat-nodesに注意してください このオプションは小さな地図には適していません。

osm2pgsql --slim -d gis --drop --flat-nodes nodes.cache --hstore --multi-geometry --number-processes 10 --tag-transform-script /home/osm/openstreetmap-carto/openstreetmap-carto.lua --style /home/osm/openstreetmap-carto/openstreetmap-carto.style -C 32000 /home/osm/planet-latest.osm.pbf

RAMの使用量は、インポートプロセス中に徐々に増加します。インポートが完了したら、 gisのすべての権限を付与します osmへのデータベース ユーザー。

psql -c "GRANT ALL PRIVILEGES ON ALL TABLES IN SCHEMA public TO osm;" -d gis

postgresを終了します ユーザー。

exit

ステップ6：mod_tileとRenderdをインストールします

mod_tile は、タイルを提供してレンダリングするために必要なApacheモジュールです。 OpenStreetMapタイルをレンダリングするためのレンダリングデーモンです。デフォルトのUbuntuリポジトリにはmod_tileは含まれていません およびrendered 、ただし、OSMPPAからインストールできます。

sudo apt install software-properties-common

sudo add-apt-repository ppa:osmadmins/ppa

sudo apt install libapache2-mod-tile renderd

インストール中に、Apache Webサーバーがインストールされ、Apache構成でmod_tileを有効にするかどうかを尋ねられます。 [はい]を選択してEnterキーを押します。これにより、mod_tileのApache構成ファイルが作成されます（ /etc/apache2/sites-available/tileserver_site.conf 。

次のように、レンダリングデーモンが自動的に起動します。

systemctl status renderd

ステップ7：Mapnikスタイルシートを生成する

必要なパッケージをインストールします。

sudo apt install curl unzip gdal-bin mapnik-utils libmapnik-dev python3-pip

また、次のコマンドを使用して、アップストリームリポジトリからnodejsとnpmをインストールする必要があります。

curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
sudo apt-get install -y nodejs

次に、npmを使用してcartoパッケージをインストールします。

sudo npm install -g carto

psycopg2をインストールします Pythonモジュール。

sudo -H pip3 install psycopg2==2.8.5

postgresに切り替えます ユーザー。

sudo -u postgres -i

カルトスタイルのディレクトリにCdします。

cd /home/osm/openstreetmap-carto/

シェープファイルを取得します。

scripts/get-external-data.py

上記のコマンドの実行中に次のエラーメッセージが表示された場合は、DNSに問題があります。数分待ってから、Pythonスクリプトを再度実行してください。

Failed to establish a new connection: [Errno -3] Temporary failure in name resolution

次に、 cartoを使用してMapnikXMLスタイルシートを作成します。 マップスタイルシートコンパイラ。

carto project.mml > style.xml

gisのすべての権限を付与します osmへのデータベース ユーザー。

psql -c "GRANT ALL PRIVILEGES ON ALL TABLES IN SCHEMA public TO osm;" -d gis

postgresを終了します ユーザー。

exit

ステップ8：フォントをインストールする

ttf-dejavuをインストールする必要があります パッケージ。

sudo apt install ttf-dejavu

非ラテン文字を表示するには、次のパッケージをインストールします。

sudo apt install fonts-noto-cjk fonts-noto-hinted fonts-noto-unhinted ttf-unifont

ステップ9：レンダリングを構成する

レンダリングされた構成ファイルを編集します。

sudo nano /etc/renderd.conf

[rendered]で セクションで、サーバー上のCPUコアの数に応じてスレッドの数を変更します。

num_threads=10

[default]で セクションで、XMLとHOSTの値を次のように変更します。セミコロン（;）で始まる行はコメントであることに注意してください。

XML=/home/osm/openstreetmap-carto/style.xml
HOST=map.your-domain.com

[mapnik]で セクションで、 plugins_dirの値を変更します 以下に。

plugins_dir=/usr/lib/mapnik/3.0/input/

次のコマンドを使用して、デフォルトの入力プラグインディレクトリを印刷できます。

mapnik-config --input-plugins

ラテン文字以外の文字を表示する場合は、フォント設定を次のように変更することをお勧めします。

font_dir=/usr/share/fonts/truetype
font_dir_recurse=true

ファイルを保存して閉じます。次に、initスクリプトファイルを編集します

sudo nano /etc/init.d/renderd

次の行を見つけます。

RUNASUSER=www-data

ユーザーをosmに変更します 。これは、PostgreSQLデータベースからマップデータをロードするために必要です。

RUNASUSER=osm

ファイルを保存します。 osmを設定します / var / lib / mod_tile /の所有者として レンダリングされたタイルファイルを保持するディレクトリ。

sudo chown osm /var/lib/mod_tile/ -R

次に、レンダリングされたサービスを再起動します。

sudo systemctl daemon-reload

sudo systemctl restart renderd

レンダリングされたログを確認する必要があります。

sudo journalctl -eu renderd

レンダリングによってログにエラーが発生しないことを確認してください。エラーが発生しないと、マップが表示されません。

ステップ10：Apacheを構成する

OSM仮想ホストファイルを編集します。

sudo nano /etc/apache2/sites-available/tileserver_site.conf

ServerNameをmap.yourdomain.comのような独自のドメイン名に変更します 。このサブドメインのDNSAレコードも作成する必要があります。

ServerName map.yourdomain.com

ファイルを保存して閉じます。 Apacheを再起動します。

sudo systemctl restart apache2

次に、Webブラウザのアドレスバーに「

map.your-domain.com/osm/0/0/0.png

世界地図のタイルが表示されます。おめでとうございます！独自のOSMタイルサーバーを正常に構築できました。

UFWファイアウォールを有効にしている場合は、必ず次のコマンドでポート80と443を開いてください。

sudo ufw allow 80,443/tcp

ステップ11：タイル化されたWebマップを表示する

タイル状のWebマップは、スリッピーマップとも呼ばれます。 OpenStreetMapの用語で。タイルサーバーに使用できる2つの無料のオープンソースJavaScriptマップライブラリがあります： OpenLayer およびリーフレット 。 Leafletの利点は、使い方が簡単で、地図がモバイルフレンドリーになることです。

OpenLayer

OpenLayerで滑りやすい地図を表示するには、openlayer.orgからJavaScriptとCSSをダウンロードし、webrootフォルダーに抽出します。

cd /var/www/

sudo wget https://github.com/openlayers/openlayers/releases/download/v5.3.0/v5.3.0.zip

sudo unzip v5.3.0.zip

次に、 index.htmlを作成します ファイル。

sudo nano /var/www/index.html

次のHTMLコードをファイルに貼り付けます。赤い色のテキストを置き換え、必要に応じて経度、緯度、ズームレベルを調整します。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Accessible Map</title>
<link rel="stylesheet" href="http://map.yourdomain.com/v5.3.0/css/ol.css" type="text/css">
<script src="http://map.yourdomain.com/v5.3.0/build/ol.js"></script>
<style>
  a.skiplink {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
  }
  a.skiplink:focus {
    clip: auto;
    height: auto;
    width: auto;
    background-color: #fff;
    padding: 0.3em;
  }
  #map:focus {
    outline: #4A74A8 solid 0.15em;
  }
</style>
</head>
<body>
  <a class="skiplink" href="#map">Go to map</a>
  <div id="map" class="map" tabindex="0"></div>
  <button id="zoom-out">Zoom out</button>
  <button id="zoom-in">Zoom in</button>
  <script>
    var map = new ol.Map({
      layers: [
        new ol.layer.Tile({
          source: new ol.source.OSM({
             url: 'http://map.yourdomain.com/osm/{z}/{x}/{y}.png'
          })
       })
     ],
     target: 'map',
     controls: ol.control.defaults({
        attributionOptions: /** @type {olx.control.AttributionOptions} */ ({
          collapsible: false
        })
     }),
    view: new ol.View({
       center: [244780.24508882355, 7386452.183179816],
       zoom:5
    })
 });

  document.getElementById('zoom-out').onclick = function() {
    var view = map.getView();
    var zoom = view.getZoom();
    view.setZoom(zoom - 1);
  };

  document.getElementById('zoom-in').onclick = function() {
     var view = map.getView();
     var zoom = view.getZoom();
     view.setZoom(zoom + 1);
  };
</script>
</body>
</html>

ファイルを保存して閉じます。これで、ブラウザのアドレスバーにサブドメインを入力して、滑りやすい地図を表示できます。

map.yourdomain.com

または

map.yourdomain.com/index.html

リーフレット

Leftletで滑りやすい地図を表示するには、leftletjs.comからJavaScriptとCSSをダウンロードし、webrootフォルダーに解凍します。

cd /var/www/

sudo wget http://cdn.leafletjs.com/leaflet/v1.6.0/leaflet.zip

sudo unzip leaflet.zip

次に、 index.htmlを作成します ファイル。

sudo nano /var/www/index.html

次のHTMLコードをファイルに貼り付けます。赤い色のテキストを置き換え、必要に応じて経度、緯度、ズームレベルを調整します。

<html>
<head>
<meta charset="UTF-8">
<title>My first osm</title>
<link rel="stylesheet" type="text/css" href="leaflet.css"/>
<script type="text/javascript" src="leaflet.js"></script>
<style>
   #map{width:100%;height:100%}
</style>
</head>

<body>
  <div id="map"></div>
  <script>
    var map = L.map('map').setView([53.555,9.899],5);
    L.tileLayer('http://map.yourdomain.com/osm/{z}/{x}/{y}.png',{maxZoom:18}).addTo(map);
</script>
</body>
</html>

ファイルを保存して閉じます。これで、ブラウザにサーバーのIPアドレスを入力して、滑りやすい地図を表示できます。

map.yourdomain.com

または

map.yourdomain.com/index.html

ステップ12：タイルの事前レンダリング

オンザフライでタイルをレンダリングすると、Webブラウザでのマップの読み込み時間が長くなります。オンザフライでレンダリングする代わりにタイルを事前レンダリングするには、次の render_listを使用します 指図。 -zを使用する および-Z フラグはズームレベルを指定し、サーバー上のCPUコアの数に応じてスレッドの数を置き換えます。 Render_list レンダリングデーモンにリクエストを送信して、マップタイルのリストをレンダリングします。事前にレンダリングされたタイルは、 / var / lib / mod_tileにキャッシュされます。 ディレクトリ。

render_list -m default -a -z 0 -Z 19 --num-threads=10

後でマップデータを更新した場合は、-force を使用して、すべてのタイルを再度事前レンダリングできます。 オプション。

render_list -m default -a -z 0 -Z 19 --num-threads=10 --force

マップタイルを背景にレンダリングするには、＆を追加します 最後に記号。

render_list -m default -a -z 0 -Z 19 --num-threads=10 &

これで、ターミナルウィンドウを閉じることができます。レンダリングの進行状況を確認するには、別のSSHセッションを開き、次のコマンドを実行します。

sudo journalctl -eu renderd

上記のコマンドは、 renderの最新のログを表示します サービス。次の行は、OSMサーバーがズームレベル12でマップタイルをレンダリングしていることを示しています。

 renderd[20838]: DEBUG: START TILE default 12 1008-1015 4056-4063, new metatile
 renderd[20838]: Rendering projected coordinates 12 1008 4056 -> -10175297.205328|-19724422.274944 -10097025.688364|-19646150.757980 to a 8 x 8 tile
 renderd[20838]: DEBUG: DONE TILE default 12 1008-1015 3984-3991 in 0.799 seconds
 renderd[20838]: DEBUG: Sending render cmd(3 default 12/1008/3984) with protocol version 2 to fd 18
 renderd[20838]: DEBUG: Got incoming request with protocol version 2
 renderd[20838]: DEBUG: Got command RenderBulk fd(18) xml(default), z(12), x(1008), y(4064), mime(image/png), options()
 renderd[20838]: DEBUG: START TILE default 12 1008-1015 4064-4071, new metatile
 renderd[20838]: Rendering projected coordinates 12 1008 4064 -> -10175297.205328|-19802693.791908 -10097025.688364|-19724422.274944 to a 8 x 8 tile

ステップ13：HTTPSを有効にする

HTTPトラフィックを暗号化するために、Let’sEncryptから無料のTLS証明書を取得してインストールできます。まず、Ubuntu 18.04にLet’s Encryptクライアント（certbot）をインストールします。

sudo add-apt-repository ppa:certbot/certbot

sudo apt install certbot

Apache Webサーバーを使用しているため、Apacheプラグインもインストールする必要があります。

sudo apt install python3-certbot-apache

次に、次のコマンドを実行してTLS証明書を取得してインストールします。

sudo certbot --apache --agree-tos --redirect --hsts --staple-ocsp --must-staple --email [email protected] -d map.yourdomain.com

証明書がインストールされたら、Webページを更新すると、アドレスバーにロックが表示されます。

Firefoxのアドレスバーに黄色の三角形が表示されている場合は、タイルのURLがまだHTTPを使用していることを意味します。次のコマンドを使用して、index.htmlファイルを編集し、すべてのHTTPプロトコルをHTTPSに置き換える必要があります。

sudo sed -i 's/http/https/g' /var/www/index.html

ステップ14：HTTP2を有効にする

マップの読み込みパフォーマンスをさらに向上させるために、HTTP2プロトコルを有効にすることができます。まず、HTTP2モジュールを有効にする必要があります。

sudo a2enmod http2

次に、SSL仮想ホストファイルを開きます。

sudo nano /etc/apache2/sites-enabled/tileserver_site-le-ssl.conf

を開いた後に次のディレクティブを配置します タグ。

Protocols h2 http/1.1

ファイルを保存して閉じます。次に、変更を有効にするためにApacheを再起動します。

sudo systemctl restart apache2

OSMタイルサーバーへのアクセスを制限する

デフォルトでは、誰でもOpenLayerまたはLeafletを使用して、タイルサーバーのURLを使用して滑りやすいマップを作成できます。タイルサーバーへのアクセスを制限するには、Apache仮想ホストファイルを編集します。

sudo nano /etc/apache2/sites-enabled/tileserver_site-le-ssl.conf

に次の行を追加します タグ。

    <Location /osm>
        SetEnvIf Referer example\.com trusted_referer
        Order deny,allow
        Deny from all
        Allow from env=trusted_referer
    </Location>

上記のコードは、HTTPリファラーヘッダーに独自のドメインが含まれているかどうかを確認します。そうでない場合は、 / osmにアクセスします ディレクトリは拒否されます。バックスラッシュは、ドット文字をエスケープするために使用されます。信頼できる参照元として複数のホスト名を追加するには、次の構文を使用します。

SetEnvIf Referer (example\.com|www\.example\.com|map\.example\.com) trusted_referer

ファイルを保存して閉じます。次に、構文をテストします。

sudo apache2ctl -t

構文がOKの場合は、変更を有効にするためにApacheをリロードします。

sudo systemctl reload apache2

TLS証明書の自動更新

Cronジョブを作成して、TLS証明書を自動的に更新できます。 rootユーザーのcrontabファイルを開くだけです。

sudo crontab -e

ファイルの最後に次の行を追加します。

@daily certbot renew --quiet && systemctl reload apache2

異なるホスト上のPostgreSQLデータベースとWebサーバー

PostgreSQLとApacheWebサーバーが異なるホスト上にある場合は、 project.mmlを編集する必要があります。 Apacheホスト上のファイル。

nano /home/osm/openstreetmap-carto-4.20.0/project.mml

次の行を見つけます：

osm2pgsql: &osm2pgsql
  type: "postgis"
  dbname: "gis"
  key_field: ""
  geometry_field: "way"
  extent: "-20037508,-20037508,20037508,20037508"

PostgreSQLデータベースサーバーのIPアドレスを指定します。

osm2pgsql: &osm2pgsql
  type: "postgis"
  host: "10.0.0.2"
  dbname: "gis"
  key_field: ""
  geometry_field: "way"
  extent: "-20037508,-20037508,20037508,20037508"

ファイルを保存して閉じます。次に、 cartoを使用してMapnikXMLスタイルシートを作成します マップスタイルシートコンパイラ。

carto project.mml > style.xml

PostgreSQLデータベースサーバーで、メインの構成ファイルを編集します。

sudo nano /etc/postgresql/10/main/postgresql.conf

次の行を追加して、すべてのインターフェースでリッスンするようにPostgreSQLを設定します。

listen_addresses = '*'

ファイルを保存して閉じます。次に、PostgreSQLクライアント認証構成ファイルを編集します。

sudo nano /etc/postgresql/10/main/pg_hba.conf

osm を許可するには、ファイルの最後に次の行を追加します Apacheホストからログインするユーザー。 10.0.0.1をApacheホストのIPアドレスに置き換えます。

host   gis   osm   10.0.0.1/32   trust

ファイルを保存して閉じます。次に、PostgreSQLを再起動します。

sudo systemctl restart postgresql

Apacheホストでレンダリングデーモンを再起動します。

sudo systemctl restart renderd

レンダリングされたログを確認する必要があります。レンダリングによってログにエラーが発生しないことを確認してください。エラーが発生しないと、マップが表示されません。

sudo journalctl -eu renderd

また、PostgreSQLデータベースサーバーのポート5432へのアクセスを制限する必要があります。たとえば、次のUFWコマンドを使用して、ApacheホストのIPアドレスのみを許可できます。

sudo ufw allow in from 10.0.0.1 to any port 5432

結論

このチュートリアルが、Ubuntu18.04でOpenStreetMapタイルサーバーをセットアップするのに役立つことを願っています。いつものように、この投稿が役に立った場合は、無料のニュースレターを購読して、より多くのヒントやコツを入手してください。気をつけて🙂