OpenLayers4で遊ぼう

関連サイト

本書の関連ページが用意されています。

• NextPublishingオフィシャルWebサイト

内容紹介

Webページに無料で地図を表示できる！OpenLayers4簡単解説！

本書はWeb上で地図を表示するためのJavaScript製ライブラリ「OpenLayers4」のチュートリアルガイドです。無料の地図である「OpenStreetMap」を使って、簡単に自社ページなどに地図を掲載することができます。地図上へのマーカー表示やレイヤーを使った領域表示などについても紹介。国土地理院のデータなどその他の無料地図データの利用方法も解説しています。

書誌情報

• 著者: 佐藤 奈々子
• 発行日: 2018-04-27 (紙書籍版発行日: 2018-04-27)
• 最終更新日: 2019-04-05
• バージョン: 1.1.0
• ページ数: 60ページ(PDF版換算)
• 対応フォーマット: PDF, EPUB
• 出版社: インプレス NextPublishing

対象読者

著者について

佐藤 奈々子

株式会社ウィズワン に所属するエンジニアです。JavaやC#での開発を経験し、現在はiOSのスマートフォンアプリ開発を行っています。

目次

まえがき

• ソースコード
• 表記関係について
• 免責事項
• 底本について

第1章　OpenLayers4について

第2章　OpenLayers4で地図を表示してみよう

• HTML
• JavaScript
• デバッグモード
• 地図タイルの仕組み

第3章　OpenLayers4で地図上にマーカーを表示してみよう

• 地理情報のオブジェクトを作成
• マーカーの見た目の設定
• レイヤーを作成してマップに追加する

第4章　ポリラインを表示してみよう

• （1）ジオメトリの作成
• （2）地物オブジェクトの作成
• （3）レイヤーの作成

第5章　地図を扱うのに役立つ知識

• 投影法
• Webメルカトル
• 地理座標系と投影座標系
• 測地系
• EPSG

第6章　ポリゴンを表示してみよう

• ポリゴンの表示

第7章　イベントのハンドリングをしてみよう

• 移動イベント
• クリックイベント

第8章　地図上にポップアップを表示する

• オーバーレイ

第9章　地図を使ったサービス

• 広い範囲のポリゴン

第10章　無料で使えるGIS情報

• 国土地理院コンテンツの利用
• GoogleMapsAPIの利用

あとがき

著者紹介