タグ

ブックマーク / www.giblock.jp (2)

  • OpenStreetMapの地図情報からタイル画像を生成する - GiBlockラボ

    このコンテンツはお使いのブラウザには対応しておりません。 新しいバージョンのブラウザでアクセスしてください。 OpenStreetMap(© OpenStreetMap contributors)は、アカウント登録すれば誰でも編集することができ、自由に利用できる地図です。 OpenStreetMapの地図を自分のWebページに組み込むこともできます。 Web地図サービスを提供するためには、地図情報をタイル状の画像として表示させる必要がありますが、その最も単純な構成として、あらかじめ地図情報をレンダリングしてタイル画像ファイルを生成しておき、それをWebサーバに静的に配置しておく方式があります。 ここでは、OpenStreetMapの地図情報を取得してタイル画像ファイルを生成するための環境構築とその処理手順について説明します。 OpenStreetMapのデータは、Open Data Com

  • OpenStreetMapをWebページに組み込む - GiBlockラボ

    このコンテンツはお使いのブラウザには対応しておりません。 新しいバージョンのブラウザでアクセスしてください。 OpenStreetMapは、アカウント登録すれば誰でも編集することができ、自由に利用できる地図です。 OpenLayersを使ってOpenStreetMapの地図情報を閲覧する地図を、このページに組み込みました。 OpenLayersは、Web地図機能を提供するオープンソースのJavaScriptライブラリです。 上の地図はほぼ「東京都文京区」をカバーする範囲をみることができます。(一部欠けています) 設定した境界の外側に地図を移動させることはできません。 また、ズームレベルは3段階のみに設定してあって、それ以外には拡大・縮小できません。

  • 1