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

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

地図：白い地図工房






ソース ( )
<html> <head> <title>ＱＰＯＮの地図リンク作成システム</title> <script language="javascript"> <!-- ////////////////////////////////////////////////////////////////////// //ＱＰＯＮ地図座標データ取得システムからコピーしたデータを貼りつける// ////////////////////////////////////////////////////////////////////// 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,#ｆｆ0000,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>ＱＰＯＮの地図リンク作成システム</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>ＱＰＯＮ地図座標データ取得システム</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>ＱＰＯＮ地図座標表示システム</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」"の名前で２つのファイルに保存します。

完成地図

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


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