この地図アプリはアシアル社内行事の高尾山ハイキング用に作ったアプリ(という設定です)。

東京方面から参加する人に向けて駅や重要スポットを案内しています、ピンをタップすると説明が表示されます。

地図アプリの概要

マーカーをタップすると説明文が吹き出しで表示されます。

Monaca Educationのスタンダードプランでは、指導書も用意されています。

サンプルアプリの入手方法

地図アプリ(ダイレクトインポート)

学習内容

技術的にはLeaflet.jsとオープンストリートマップのタイルを利用しています。
また、地理院地図のタイルで表示するコードも含まれています。

比較的短いコードで実現されているため、カスタマイズしてオリジナルの地図に変えてみてください。