
●当サイトの地図を貴サイトでも使いませんか?
●当サイトの地図を貴サイトでも使いませんか?
|
当「お医者さんナビ」ではグーグルが無料で提供してい
るグーグルマップというのを紹介ページで使っております。
|
このグーグルマップを先生のホームページで使う事が出
来ます。もちろん「無料」です。一円もかかりません。
|
拡大・縮小が自由に出来ますし、地図を自由に動かす事
も出来ます。また、地図と衛星写真を切り替える事も出
来ますので愉快です。
|
|
|
1.まずはグーグルに先生のサイトを登録してください。
|
・グーグルマップAPI サインアップ
|
上のリンクをクリックして、画面の一番下まで移動して
ください。そして、
|
>□I have read and agree with the terms and conditions
|
と書いてある左の四角をクリックしてチェックを入れて
ください。そしてそのすぐ下にある、
|
>My web site URL: [http://
|
というところに先生のホームページURLを貼り付けてく
ださい。間違うとエラーが出ますので、手で入力するよ
りも、別の画面でトップページを開いておいて、アドレ
スをコピー&ペーストで貼り付けることを強くオススメ
します。
|
そして【Generate API Key】というボタンをクリックす
ると、画面が切り替わって
|
> hank you for signing up for a Google Maps API key!
> Your key is:
>
> ABQIAAAAcHNSGXThw1ARpNbt3cNBKBQnSzo8L5dYPA-wFCVrimQCWIlHkhQII51dI7uEWo3m8hGkmoVZ5QLKzg
> (以下省略)
|
というページが表示されます。薄緑色の意味不明な文字
列が先生のホームページ専用のグーグルマップAPIキー
になります。(※注:上の文字列は当サイト用のキーです)
|
このグーグルマップAPIキーはグーグルマップのサービ
スを使う時に必要になります。どこかにコピー&ペース
トで貼り付けて保存しておいてください。
|
本文にグーグルマップAPIキーを書き込んだメールを、
自分自身あてに送るというのも一案です。
|
|
|
|
2.先生の病医院がある場所の経度と緯度を調べる必要
があります。それももちろん無料で簡単に出来ます。
|
・Geocoding
|
ここで「都道府県名から番地まで」を含めた住所を入力
してください。ちなみに、番地は全角の数字で書いてく
ださい。半角の数字で書き込むとぜんぜん違う住所にな
ることがありますので。
|
それから、TOKYO97というところには決してチェックを
『入れないで』ください。
|
すると、以下のように経度と緯度が表示されます。
|
>緯度 35度41分2.08秒(35.683911), 経度 139度45分14.22秒(139.75395)
(※これは「東京都千代田区千代田1-1」の経度緯度です)
|
グーグルマップではカッコ内の数字を利用します。
なお、場所によっては住所を正しく入力しても、きちん
と経度緯度が出ない場合があります。(例:新発寒)
|
その場合は私までメールでご連絡ください。こちらの紹
介ページで使っている経度と緯度をお知らせします。
|
|
3.グーグルマップを表示するためのタグを加工します。
とりあえず下記のタグを使ってください。ただし、
|
●には「グーグルマップAPIキー」
▲には「経度」
■には「緯度」
|
をそれぞれ貼り付けてください。
|
<!--ここから-->
<div id="map390652233526" style="width: 400px; height: 400px"></div>
<script src="http://maps.google.com/maps?file=api&v=1&key=●" type="text/javascript" charset="UTF-8"></script>
<script type="text/javascript">
<!--
var func390652233526 = document.body.onload;
function init390652233526(){
var map390652233526 = new GMap(document.getElementById("map390652233526"));
map390652233526.addControl(new GLargeMapControl());
map390652233526.centerAndZoom(new GPoint(▲,■),3);
map390652233526.setMapType(G_MAP_TYPE);
map390652233526.addControl(new GMapTypeControl());
map390652233526.addOverlay(new GMarker(map390652233526.getCenterLatLng()));
if(func390652233526){
func390652233526();
}
}
if(-1 != navigator.userAgent.indexOf("MSIE")){
document.body.onload=init390652233526;}
else{
func390652233526=null;
init390652233526();
}
//-->
</script>
<!--ここまで-->
|
|
このタグを地図を表示させたい場所に貼り付けていただ
ければ完成です。その際、ホームページ作成ソフトが勝
手に改行タグを追加してしまう恐れがあります。
|
ホームページビルダーの場合は、編集スタイルを「スタ
ンダード」か「エディターズ」にしていただき、「どこ
でも配置モード」ではなく「標準モード」で編集してく
ださい。
|
さらに、上のタグを貼り付けるのは「ページ編集」では
なく「HTMLソース」タブをクリックして表示される画面
で行なってください。
|
|
文章だけで説明しているので、どうしてもわかりにくい
ところがあるかと思います。その際はお気軽にご質問く
ださい。
.
.
カテゴリー:ネット上の商品・サービス
地元密着なびメールマガジン トップへ
投稿日時: 2007年1月18日 12:04

