- ベストアンサー
Google Mapsのスクリプトが動かない
こんにちは。 http://www.geekpage.jp/web/google-maps-api/v3/geocoder-0.php Google Maps APIを勉強しようとして、上記に書かれたプログラムをテキスト保存して、ローカルで実行しました。 そうすると、IEではzero_resultsとメッセージが表示され表示がされません。これは、どこがおかしいのでしょうか？ よろしくお願いいたします。
- fflashing
- お礼率77% (148/190)
- JavaScript
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは。 手元のIE8.0で試してみましたが表示されるので再現できませんね。 ＞IEではzero_resultsとメッセージが表示され表示がされません。 スクリプトの中でエラー処理を行っています。 geoResultCallbackの処理中の alert(status); が実行されていると思われます。要はサーバーからエラーが帰って来ているということです。 （原因はブラウザのセッティングや通信環境などにあるかも知れません） スクリプト中の送信データ var req = { address: "新宿三丁目駅", }; の後ろのカンマを取り除いても表示されませんか？ address: "新宿三丁目駅", ⇒ address: "新宿三丁目駅" なお、googleの各種サービスの説明はgoogleサイトに詳しく説明されていますので、そちらを参照するのが一番確実です。 https://developers.google.com/maps/documentation/javascript/reference https://developers.google.com/maps/documentation/javascript/geocoding
関連するQ&A
- Google Maps
Google Maps 今回は、Google Maps API version3について教えて頂きたいです。 Google Maps API version3はIE6、7ともに表示されないのですが、これは仕方がないものなのでしょうか? ブラウザ互換を意識すると、Google Maps API version2を使うべきでしょうか? お願いします。
- 締切済み
- JavaScript
- google maps APIのジオコーディング
google maps APIで2箇所の住所を入力し、ジオコーディングし、マーカーを表示させ、２箇所のマーカーの中間点が画面の中心になるように表示させたいのですが、なかなか地図の中心を移動できません。どのようにすればうまくできるでしょうか？ //HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title> ジオコーディング</title> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> html { height: 100% } body { height: 100%; margin: 0px; padding: 0px } #map_canvas { height: 100% } </style> </head> <body onload="initialize()"> <div> 地点１<input id="start" type="textbox" size="50"><br> 地点２<input id="goal" type="textbox" size="50"> <input type="button" value="地図表示" onclick="codeAddress()"> </div> <div id="map_canvas" style="height:80%"></div> <br>地点１ <div id="geocoder_info" style="height:10%"></div> 地点２ <div id="geocoder_info2" style="height:10%"></div> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="http://maps.google.com/maps/api/js?sensor=false"> </script> <script src="geocode.js"></script> </body> </html> //javascript geocode.js var map; var geocoder; function initialize() { geocoder = new google.maps.Geocoder(); var latlng = new google.maps.LatLng(35.699338,139.705146); var myOptions = { zoom: 12, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP } map = new google.maps.Map($("#map_canvas").get(0), myOptions); } function codeAddress() { var address = document.getElementById("start").value; var info = document.getElementById("geocoder_info"); geocoder.geocode( {'address': address},function(results, status) { info.innerHTML = results[0].formatted_address + "<br>" + results[0].geometry.location; if (status == google.maps.GeocoderStatus.OK) { Slat = results[0].geometry.location.lat(); Slng = results[0].geometry.location.lng(); var marker = new google.maps.Marker({ map: map, position: results[0].geometry.location }); } else { alert("次の理由でジオコーディングに失敗しました: " + status); } }); var address2 = document.getElementById("goal").value; var info2 = document.getElementById("geocoder_info2"); geocoder.geocode( { 'address': address2},function(results2, status2) { info2.innerHTML = results2[0].formatted_address + "<br>" + results2[0].geometry.location; if (status2 == google.maps.GeocoderStatus.OK) { Glat = results2[0].geometry.location.lat(); Glng = results2[0].geometry.location.lng(); var marker2 = new google.maps.Marker({ map: map, position: results2[0].geometry.location }); } else { alert("次の理由でジオコーディングに失敗しました: " + status); } }); latCenter = ((results[0].geometry.location.lat()) + (results2[0].geometry.location.lat()))/2; lngCenter = ((results[0].geometry.location.lng()) + (results2[0].geometry.location.lng()))/2; map.setCenter(latCenter,lngCenter); }
- ベストアンサー
- JavaScript
- Google Maps を組み込む
まず質問のカテゴリはこちらでよろしいのでしょうか。 Google Maps を組み込む件についてですが、Google Maps APIでAPI Keyを取得し、GooglemapsEditorで地図データ生成ボタンを無事押したあと自分のファイルを保存する画面になるので、ファイルを保存、自分のレンタルサーバにアップロードしました。ですが開くと「GoogleマップAPIにしようされているキーは他のウェブサイトに登録されています。このウェブサイト用のキーをgoogle.com/apis/mapsにて作成、登録してください」という画面がでてしまいます。２ヶ月ほど前に自分のレンタルサーバにアップし作ったときは無事うまくいききちんとWEB上で表示されました。同じドメインで取得したからだめなんでしょうか。どなたかお願いします！
- ベストアンサー
- その他([技術者向] コンピューター)
- Google Maps API V3
Google Maps API V3 でXMLのデータがかなり多いので XMLから取り出すデータをgoogleマップで表示するデータのみ 取り出してマーカを表示したい場合どのようにすればいいのでしょうか
- ベストアンサー
- AJAX
- Google Maps を組み込む件
まず質問のカテゴリはこちらでよろしいのでしょうか。 Google Maps を組み込む件についてですが、Google Maps APIでAPI Keyを取得し、GooglemapsEditorで地図データ生成ボタンを無事押したあと自分のファイルを保存する画面になるので、ファイルを保存、自分のレンタルサーバにアップロードしました。ですが開くと「GoogleマップAPIにしようされているキーは他のウェブサイトに登録されています。このウェブサイト用のキーをgoogle.com/apis/mapsにて作成、登録してください」という画面がでてしまいます。２ヶ月ほど前に自分のレンタルサーバにアップし作ったときは無事うまくいききちんとWEB上で表示されました。同じドメインで取得したからだめなんでしょうか。どなたかお願いします！
- ベストアンサー
- グラフィックソフト
- Google Maps API は利用申請が必要？
現在Google Static Maps API（Google Maps API）を使用して、地図表示をするページを作成しようとしているのですが、自社webサイトに掲載するために必要な手続きなどがあれば教えていただきたいです。 やろうとしていることは、 QRコードから入れるwebモバイルサイト内に店舗ごとのページがあって、「地図を表示」のリンクをからジャンプするとGoogle Static Maps APIを使用した地図を表示…といったものです QRを読むか、アドレスを入力すれば誰でも閲覧できるページにするので、利用規約上は問題ないと思っているのですが お知りの方がいたらしたら、ご回答くだされば助かります。
- ベストアンサー
- その他（プログラミング・開発）
- google maps 吹き出しカウントダウン
google maps api v3の情報ウィンドウの吹き出しの表示に、 添付画像のようなカウントダウンを表示したいのですが、 自分のレベルでは吹き出しに文字を表示することしかできません。 どなたか吹き出しの表示に添付画像のようなカウントダウンを表示する方法 知りませんでしょうか。
- ベストアンサー
- AJAX
- google maps apiについて
現在HPをリニューアルしています。 旧サイトと新サイトは同じサーバー、同じドメインを使用しています。 旧サイトのデータはFTP内にはありません。 所在地マップに、GoogleMapを使用しています。 そこで、下記のようなエラーが出ます。 このウェブサイトには別の Google Maps API キーが必要です。新しいキーは http://code.google.com/apis/maps/signup.html で作成できます。 Google Maps API サーバーでリクエストが拒否されました。リクエスト内で指定した「sensor」パラメータには「true」または「false」のいずれかを指定する必要があります。 次に上記で指定されている http://code.google.com/apis/maps/signup.html にて、URLを指定して、APIを生成ボタンを押す 次にJavaScript Maps API の例で表示された <script src="http://maps.google.com/maps?file=api&v=2&sensor=true_or_false&key=*********************************" type="text/javascript"></script> をエラーが表示されるページに貼り付ける ここまでの作業をおこなっております。 ただ、これで正しいのかが分かりません。 詳しい方からのご助言頂けますでしょうか？
- 締切済み
- HTML
- このウェブサイトには別の Google Maps
過去に類似の質問がありましたが、条件が違うので質問させてください。 「このウェブサイトには別の Google Maps API キーが必要です。」 先ほどＨＰを更新してＵＰしたら、上記メッセージが表示されるようになってしまいました。 過去の投稿と違う点 １． アドレス等の変更はありません ２． 今回の修正部は本文中のテキストのみ ３． ローカルＰＣ内のＨＴＭＬでは正常に表示されます ⇒ サーバー上のみエラーが表示されます この様な時でも、ＡＰＩキーの再取得が必要なのでしょうか？
- ベストアンサー
- ブラウザ
- Google Maps API
Google Maps APIを使用しホームページに地図を載せているのですが、アンカーポイントを当社の名前を入れて表示したいのですが、調べても見つけられませんでした。どのようにして編集すればよいのか教えてください。よろしくお願いします。
- ベストアンサー
- レンタルサーバ・ASP
お礼
ご回答ありがとうございます！助かりました！