0

ウェブサイトに統合する必要があるため、Google Maps API を試しています。

ここからコードをコピーしてページに貼り付けただけです。

https://developers.google.com/maps/documentation/javascript/examples/geocoding-simple .

Javascript と HTML タブからコードを取得し、空の html ファイルに単純にコピーしました。そうすることで、入力テキストボックスとジオコードボタンだけが表示されます。

複数試したのでブラウザの問題ではありません。Opera の Firefly で確認したところ、ページに明らかなエラーはありませんでした。

また、すべての関数の最後にアラートを配置しましたが、それらはすべて期待どおりに呼び出されたようです。誰かが私のページのコードを見たい場合に備えて、アラートは削除されました。

私は今日マップ API を見始めたばかりで、自分のやり方をあまり知らないので、これ以上具体的に言うことはできません。

コピーして貼り付けたコードを含む私のページは次のとおりです。

http://velositeraptor.com/gymfit/trainer/geotest.html

誰かが最初のステップを手伝ってくれて、そこから始めることができれば助かります.

ありがとう！

4

1 に答える 1

1

ソース コードを表示すると、スタイルシートへのパス参照が間違っているようです。

<link href="/maps/documentation/javascript/examples/default.css" rel="stylesheet">

このエラーについては、ブラウザ コンソールを確認してください。

エラー:リソースの読み込みに失敗しました: サーバーは 400 (Bad Request) のステータスで応答しました http://velositeraptor.com/maps/documentation/javascript/examples/default.css

widthheightGoogle マップの div ( ) には必須であり、#map-canvas残りのものは完全に機能します。

このJSFiddleを確認してください。

次のようなインラインスタイルを使用することをお勧めします

<div id="map-canvas" style="width: 300px; height: 300px;"></div>

ご理解いただければ幸いです。

于 2013-08-01T05:00:21.653 に答える