![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
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=ABQ … 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>
No.1ベストアンサー
- 回答日時:
http://japonyol.net/editor/googlemaps.html
//所在地の座標設定
var lon = ○○;//経度
var lat = ○○;//緯度
var myoffice = new GPoint(lon,lat);
//所在地を中心にする
map.centerAndZoom(myoffice , 0);// 数値部分を変えると詳細-広域に変更できます。0-17
//中心を所在地と別に設定する場合
//map.centerAndZoom(new GPoint(○○, ○○) , 0);
位置情報記入してますか?
座標の取得はここで
http://n.girasol.googlepages.com/latlng.html
下記はテスト設定しました
http://hiko.s284.xrea.com/gmap/basic1.html
http://hiko.s284.xrea.com/gmap/gmap2.html
No.3
- 回答日時:
Google Maps APIでキーの設定ミスか、「googleから確認メール来てますか?」転送先の
URL記入ミスでは無いですか
No.2
- 回答日時:
http://www.h4.dion.ne.jp/~sakaiden//h4igmap/h4ti …
これは住所記入検索すると左下に位置情報が出ます、
そうしたら、ソース画面にして、位置、画像、URL書き換えればすぐ利用できます、
keyの取得は必要ですが、
http://jyu-denkou.com/web_gis/
これは佐渡情報さんの資料ですcgi設定
http://sadokanko.info/map/
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript GoogleChart 階層ごとのブロックの長さを個別に設定したい 1 2022/07/06 14:27
- JavaScript WordPressのコンタクトフォーム7にて送信者の位置情報を送らせたい 2 2022/09/14 23:28
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- その他(プログラミング・Web制作) google formsを使ったタスク依頼フォーム作成におけるご相談 1 2023/06/22 15:55
- C言語・C++・C# C#テキストボックスの文字を配列にいれてその後表示する 4 2022/07/17 04:47
- JavaScript gasについて 1 2022/05/31 21:51
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
二つのbxsliderをレスポンシブ...
-
たくさんの経由地がある巡回ル...
-
カンマ区切りのデータを配列に...
-
Javascriptを使ってQRコード読...
-
JavascriptからPHPへのAjax通信...
-
[jQuery UI] sortableを使いaja...
-
テーブルの形式を整えるJavascript
-
jQuery3 reset()が効かない。
-
jQueryのblockUIをformのボタン...
-
FullCalendar の複数月表示につ...
-
スクリプトの外部からの読み込み
-
変数にドットをいれることはか...
-
アコーディオンメニューが他に...
-
ajaxでPHPにPOST送信して結果デ...
-
WebbrowserよりHTMLのValue値を...
-
別ページのインラインフレーム...
-
【お問い合わせフォーム】プル...
-
要素内を常に一番下を表示させたい
-
jqueryで読み込みが終わった画...
-
Selenium4でボタンをクリックで...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
カンマ区切りのデータを配列に...
-
たくさんの経由地がある巡回ル...
-
Googleマップに複数のピンを立...
-
二つのbxsliderをレスポンシブ...
-
Python: TypeError
-
Googleマップのピンをクリック...
-
how's whether today in yufuin?
-
Googleストリートビューの写真...
-
サイドバー付きGoogle Mapについて
-
googleマップが表示されない。
-
迷路探索プログラムを作るには...
-
透過レイヤー上にフォーム
-
Selenium4でボタンをクリックで...
-
JavascriptからPHPへのAjax通信...
-
Javascriptを使ってQRコード読...
-
SQLのmaxで求めた値を変数に代...
-
JavaScriptでtabindexの変更っ...
-
インラインフレームを自動更新...
-
jQueryを使いformでsubmitした...
-
同一ページ移動時ハンバーガー...
おすすめ情報