無料メールマガジンのご登録はこちら
毎週火・金に発行
　名字：　メール：

●当サイトの地図を貴サイトでも使いませんか？(改)

昨日のメールで「グーグルマップ」の使い方をご紹介し
たところ、数名の先生からメールをいただきました。残
念ながらことごとく「うまく行きません」という内容で
したが。
|
というわけで、いくつか注意点を。
|
１．グーグルマップは、グーグルに登録したサーバー上
　　でしか表示されません。ご自身のパソコンで見よう
　　としてもエラーが出ます。
|
　　地図が正しい位置を示しているかどうかの確認は、
　　必ずHTMLファイルをサーバーにアップロードしてか
　　ら行なってください。
|
|
２．昨日の時点では完璧に忘れておりましたが、グーグ
　　ルマップは今のところ「UTF-8」という文字コードで
　　書かれたホームページ・ブログでしか表示できません。
|
　　ホームページビルダーなどのソフトを使うと、まず
　　間違いなく「SHIFT_JIS」という文字コードでホーム
　　ページを書きますので、このままではグーグルマッ
　　プを表示できません。
|
|
|
ううむ、グーグルマップって初心者に全く優しくないぞ。
何かもっと楽にできる手はないものか？
|
|
|
……ヤフーでもほぼ同じサービスを始めていました。
しかも、こっちの方がはるかにシンプルです。文字コー
ドが何であろうと問題ないみたいですし。
|
というわけで、グーグルマップがうまく行かなかった先
生、何だか面倒そうだと思ってまだやってない先生、昨
日の記事は忘れてください。
|
これからの時代はヤフー地図情報です。
ちなみに見た目はこんな感じです。
|
http://www.seitai-chiro.biz/maptest.html
|
|
１．Yahoo! JAPAN IDを取得
Yahoo! JAPAN IDをお持ちでない場合は、下記ページから
取得してください。Yahoo! JAPAN IDを取得されていない
とアプリケーションIDを登録できません。
http://edit.yahoo.co.jp/config/eval_register
|
|
２．アプリケーションIDを登録
次に、アプリケーションIDを登録してください。アプリ
ケーションIDがないとAPIを使用することはできません。
アプリケーションIDは、API利用者、またその使用状況を
把握し、スパム行為などの妨害行為を防ぐために使用さ
れます。
http://api.search.yahoo.co.jp/webservices/register_application
|
|
３．先生の病医院がある場所の経度と緯度を調べる必要
　　があります。それももちろん無料で簡単に出来ます。
|
・Geocoding
http://www.geocoding.jp/
|
ここで「都道府県名から番地まで」を含めた住所を入力
してください。ちなみに、番地は全角の数字で書いてく
ださい。半角の数字で書き込むとぜんぜん違う住所にな
ることがありますので。
|
それから、TOKYO97というところに必ずチェックを『入れ
て』ください。（※ここは昨日と違ってます）
|
すると、以下のように経度と緯度が表示されます。
|
>座標(TOKYO97風): 緯度 35度40分50.427秒(35.680674), 経度 139度45分25.807秒(139.757169)
（※これは「東京都千代田区千代田１－１」の経度緯度です）
|
ヤフーマップではカッコの前の経度緯度を利用します。
なお、場所によっては住所を正しく入力しても、きちん
と経度緯度が出ない場合があります。（例：新発寒）
|
その場合は私までメールでご連絡ください。こちらの紹
介ページで使っている経度と緯度をお知らせします。
|
|
４．ヤフー地図情報を表示するためのタグを加工します。
　　とりあえず下記のタグを使ってください。ただし、
|
●には「アプリケーションID」
▲には「経度」（139度45分25.807秒から「139.45.25.807」に書き換えたもの）
■には「緯度」（35度40分50.427秒から「35.40.50.427」に書き換えたもの）
|
をそれぞれ貼り付けてください。
|
<!--ここから-->
<div id="map" style="height: 400px; width: 400px"></div>
<script type="text/javascript"
src="http://api.map.yahoo.co.jp/MapsService/js/V1/?appid=●">
</script>
<script type="text/javascript">
window.onload=function(){
ymap = new YahooMapsCtrl("map", "■,▲", 3, YMapMode.MAP, YDatumType.TOKYO97); ymap.setVisibleSliderbar(false);
}
</script>
<!--ここまで-->
|
|
このタグを地図を表示させたい場所に貼り付けていただ
ければ完成です。その際、ホームページ作成ソフトが勝
手に改行タグを追加してしまう恐れがあります。
|
ホームページビルダーの場合は、編集スタイルを「スタ
ンダード」か「エディターズ」にしていただき、「どこ
でも配置モード」ではなく「標準モード」で編集してく
ださい。
|
さらに、上のタグを貼り付けるのは「ページ編集」では
なく「HTMLソース」タブをクリックして表示される画面
で行なってください。
|
|
文章だけで説明しているので、どうしてもわかりにくい
ところがあるかと思います。その際はお気軽にご質問く
ださい。


.
.

カテゴリー：ネット上の商品・サービス   地元密着なびメールマガジン　トップへ
投稿日時: 2007年1月19日 17:18

世界の映画賞 Related Posts Plugin for WordPress, Blogger...