技術的な資料 - 1

地図を表示するための HTML ソースコードの所在と目的

下図のようにユーザーのドキュメントフォルダを開くと、MyNetAtlas の中に HtmlSource と Samples のフォルダがあります。

 

 

  • インストール直後の状態では、"nomap.htm" 以外の、拡張子が "htm" のファイルは存在していません。

  • 拡張子が付かないファイルは、実際はすべて HTML ソースコードで、故意に拡張子を取り除いたファイル名で配置しています。

  • 以下にその内訳を示しますが、ユーザーはこれらのファイルを決して削除しないでください。

  1. Googl : グーグル社の地図を表示するための原本のソースコードで、アプリケーションが動作中に書き替えることはありません。

  2. Google : 前項 1. に組み込まれている API キーを書き替えて制作する 1. の複製で、API キーの[埋め込み]時に書き替えられます。

  3. Google.htm : 前項 2. の緯度・経度・縮尺を書き替えて制作する 2. の複製で、登録場所を表示する時に、瞬時に作られます。

  4. GoogleMaps : グーグルの位置検索用地図の原本のソースコードで、アプリケーションが動作中に書き替えることはありません。

  5. GoogleMaps.htm : 前項 4. の緯度・経度・縮尺を書き替えて制作する 4. の複製で、場所を登録編集する時に、瞬時に作られます。

  6. Microsoft : マイクロソフト社の地図を表示するための原本のソースコードで、アプリケーションが動作中に書き替えることはありません。

  7. Microsoft.htm : 前項 6. の緯度・経度・縮尺を書き替えて制作する 6. の複製で、登録場所を表示する時に、瞬時に作られます。

  8. Yahoo : ヤフー社の地図を表示するための原本のソースコードで、アプリケーションが動作中に書き替えることはありません。

  9. Yahoo! : 前項 8. に組み込まれているアプリケーション ID を書き替えて制作する 8. の複製で、ID の[埋め込み]時に書き替えられます。

  10. Yahoo!.htm : 前項 9. の緯度・経度・縮尺を書き替えて制作する 9. の複製で、登録場所を表示する時に、瞬時に作られます。

  • なお拡張子は、エクスプローラのオプションで、「登録されている拡張子は表示しない」のチェックを外さなければ見えません。

 

技術的な資料 - 2

自分のホームページに住所検索が可能な Google マップ を設置する方法

  1. 前節で紹介している HTML ソースコードの "GoogleMaps" をコピーして、"GoogleMaps.htm" にリネームしてください。
  2. 既に埋め込まれている API キーを、自分で取得した API キーに書き替えてください。
    key=ABQIAAAA5E4J4OeaIIxnlatI9biC9RTiWLiz3Uj6ZQ-6ejlxygCY0OmOVhQ-fogPX3GpTonYTkpcEP6gsPNjTQ"
    key=の後続の赤色の部分が API キーです。
  3. 最初に表示する緯度・経度・縮尺を変更する場合は、以下の赤色の部分(数値)を書き替えてください。
    // デフォルトの表示位置とサイズ
    var myDefLat = 36.6;
    var myDefLong = 136.7;
    var myDefZoom = 5;
  4. ブラウザの中で地図が締める高さを変更する場合は、以下の赤色の部分(数値)をピクセル単位で指定してください。
    <div id="map" style="width:100%; height:700px"></div>

HTML ソースコードを書き替えることなく、デフォルトの表示座標を変更する場合

  1. 地図を表示する時点で、地図の中心点となる座標と、表示する縮尺を指定するには、URL にパラメータを指定します。
  2. 何はともあれ、こちらをご覧いただければ一目瞭然です。↓
  3. http://www.cosmosoft.org/GoogleMaps.htm?i=35.349832&k=137.167177&z=18
  4. この HTML ソースコードは、パラメータエラーに対する例外処理を備えていないので、パラメータは正しく指定してください。
  5. URL の末尾に、?i=緯度&k=経度&z=縮尺 の並び順で、正しく指定してください。
  6. 縮尺は、3 ~ 18 の範囲が実用的で、数字が大きいほどズームインします。(指定可能な範囲は0~19)
 

技術的な資料 - 3

表示中の地図の URL を確認する方法

  1. 印刷プレビューを表示してください。
  2. フッターを表示する状態(デフォルトのままならば表示されている)にして、フッター部分をご覧ください。
    印刷プレビューのフッター部分に表示される URL
  3. このように、すべての地図は自分自身のドキュメントフォルダの中にある HTML ソースコードによって表示されます。
  4. そのため、多数のユーザーが同時にこのアプリケーションを利用しても、特定のサイトに負荷が集中することはありません。(地図の提供元は別として(^_^;))
 
 
inserted by FC2 system