googleマップが表示されない。
Google Maps APIを使用しホームページに地図を載せているのですが、自分自身のパソコンではFTPイメージを出力した出力先html、ネット上でもしっかりと地図は表示されているのですが、他の人のパソコンで見てみると表示しません。
下記のようにGoogle Maps APIでキーを取得し作成したのですが、どこかおかしいところがあるのでしょうか？申し訳ありませんがアドバイスよろしくお願いします。
<!-- key=*** の***部分をグーグル( http://www.google.com/apis/maps/signup.html )から取得し、入れ替える -->
<SCRIPT src="http://maps.google.com/maps?file=api&v=1&key=ABQIAAAAUV0srDj6343wV8Rdpy-xRRQ2GBzO3UXWtLA5PQfCol6gfChjOhS-izw7H3T2ywNEuQOminx4rgEgGw" type="text/javascript"></SCRIPT>
<!-- ここへ地図を出力します↓ 地図の大きさの変更はwidthとheightの数値を使います。 -->
<div id="map" style="width: 500px; height: 500px">
</div>
<SCRIPT type="text/javascript">
//<![CDATA[
var map = new GMap(document.getElementById('map'));
map.addControl(new GLargeMapControl());
//所在地の座標設定
var lon = ○○;//経度
var lat = ○○;//緯度
var myoffice = new GPoint(lon,lat);
//所在地を中心にする
map.centerAndZoom(myoffice , 0);// 数値部分を変えると詳細-広域に変更できます。0-17
//中心を所在地と別に設定する場合
//map.centerAndZoom(new GPoint(○○, ○○) , 0);
// 所在地の地点にアイコンを設定する
// Create a base icon for all of our markers that specifies the
// shadow, icon dimensions, etc.
var baseIcon = new GIcon();
baseIcon.shadow = 'http://www.google.com/mapfiles/shadow50.png';
baseIcon.iconSize = new GSize(20, 34);
baseIcon.shadowSize = new GSize(37, 34);
baseIcon.iconAnchor = new GPoint(9, 34);
baseIcon.infoWindowAnchor = new GPoint(9, 2);
baseIcon.infoShadowAnchor = new GPoint(18, 25);
var icon = new GIcon(baseIcon);
icon.image = 'http://www.google.com/mapfiles/markerA.png';
//所在地を表示する
var marker = new GMarker(myoffice,icon);
//var marker = new GMarker(myoffice);// デフォルトのマーカー画像を利用する場合
map.addOverlay(marker);
//]]>
</SCRIPT>
お礼
地形が入り組んでいるところの地図が必要だったので、 トレスが早いかなと思ったんです・・・。 そうですね。引っ掛かりたくはないので、自己流で頑張ります。 ありがとうございました。