QPONの地図リンク作成システム

このシステムを使うとは、地図上の打点位置から、 該当するページへリンクするイメージマップ用のページを、マウスを使って製作することが出来ます。
地図、右下の「地図書込み」ボタンをクリックすると「編集モードになります」、 編集の仕方は、そのページの「Help」をクリックしてお読みください。


事例:オキナグサ自生地
中園さんのページをモデルにしました。)

地図:白い地図工房







ソース ( )
<html> <head> <title>QPONの地図リンク作成システム</title> <script language="javascript"> <!-- ////////////////////////////////////////////////////////////////////// //QPON地図座標データ取得システムからコピーしたデータを貼りつける// ////////////////////////////////////////////////////////////////////// dt=new Array();n=0; n++;dt[n]="105,484,#ff0000,34,92,宮崎県都井岬,,,,"; n++;dt[n]="85,467,#ff0000,5,140,鹿児島県伊佐郡,,,,"; n++;dt[n]="98,443,#ff0000,51,105,熊本県阿蘇,,,,"; ///////////////////////////////////////////////////////////////////// map_file="japan01.gif";//白紙地図ファイル名 map_file2="japan02.gif";//完成地図ファイル名 scr_w=700;//地図の横幅 scr_h=600;//地図の縦幅 //--> </script> </head> <body bgcolor=#ffcccc onLoad="load()"> <center> <font size=6>QPONの地図リンク作成システム</font><br> <table border=5 bgcolor=#ffffff><tr><td> <script language="javascript" src="http://qpon-toyota.com/java/mapsys/mapsys02.js"> </script> </td></tr></table> </center> </body> </html> mapsys02.jsを改造したい場合はここをクリックしてダウンロードしてください

以下のファイルを同じフォルダーに準備する必要があります。
(パソコン上ではオンラインでないと動かない場合があります)

mapsys00.htm
<html xmlns:v="urn:schemas-microsoft-com:vml"> <head> <title>QPON地図座標データ取得システム</title> <style>v\:*{behavior:url(#default#VML);}</style> </head> <body bgcolor=#ffffff onLoad="focus()"> <script language="javascript" src="http://qpon-toyota.com/java/mapsys/mapsys00.js"></script> </body> </html> mapsys00.jsを改造したい場合はここをクリックしてダウンロードしてください

mapsys01.htm
<html xmlns:v="urn:schemas-microsoft-com:vml"> <head> <title>QPON地図座標表示システム</title> <style>v\:*{behavior:url(#default#VML);}</style> </head> <body bgcolor=#ffffff> <script language="javascript" src="http://qpon-toyota.com/java/mapsys/mapsys01.js"> </script> </body> </html> mapsys01.jsを改造したい場合はここをクリックしてダウンロードしてください

白紙地図

白い地図工房でフリーの地図がダウンロードできます。

同じ地図を「japan01.gif」と「japan02.gif」"の名前で2つのファイルに保存します。


完成地図

完成地図を「PrintScreen」キーで画面コピーしてイメージファイルを作って
「japan02.gif」に上書き保存してください。



ソースをお使いの場合は出来るだけ私のホームページにリンクを貼ってください。
URL:http://www2a.biglobe.ne.jp/~qpon/    バナー:還暦QPON