2

サイトの各プロファイルに地図を埋め込んでいます。以下のものを除いて、それらはすべて正常に動作しているようです。理由はわかりませんが、マップ API が読み込まれると、世界全体が見えるほどズームアウトされます。クエリ文字列を使用した私のiframeコードは次のとおりです。

<iframe width="250" height="250" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyAdGoEM5aW51rD_cyVwSBVrtAPZsEZruuQ&amp;q=177%20Huntington%20Ave.,Boston%20MA"></iframe>

これが私のAPIクエリ文字列です：

https://www.google.com/maps/embed/v1/place?key=AIzaSyAdGoEM5aW51rD_cyVwSBVrtAPZsEZruuQ&amp;q=177%20Huntington%20Ave.,Boston%20MA

後ですべてを通常の Google マップ サイトにコピーするとq=?(以下の新しいクエリ文字列を参照)、期待どおりに正しい場所が表示されます。コンソールにエラーはありません。

https://www.google.com/maps/place/177%20Huntington%20Ave.,Boston%20MA

以下の通り名と建物番号の組み合わせを使用して、住所を調整してみました。

  • 177ハンティントンアベニュー。
  • 177 ハンティントン アベニュー
  • 177 ハンティントン アベニュー

また、以下の組み合わせを使用して都市/州を調整しようとしました:

  • address、マサチューセッツ州ボストン
  • addressマサチューセッツ州ボストン
  • address、マサチューセッツ州ボストン
  • addressマサチューセッツ州ボストン

これを解決するために他に何ができるかわかりません。

4

1 に答える 1

2

これはバグだと思います。gmaps-api-issues にバグを作成しました。

その間、回避策として次のことができます。

1) センターとズーム レベルを使用して、Embed API が失敗した場合でも、ユーザーがそのエリアの地図を表示できるようにします。

<iframe width="600" height="450" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?q=177+Huntington+Avenue,+Boston,+MA,+United+States&center=42.3448913,-71.0829315&zoom=18&key=AIzaSyAdGoEM5aW51rD_cyVwSBVrtAPZsEZruuQ" allowfullscr

maps.google.com2)のShare or embed map関数によって生成される次のコードを使用できます。

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2948.8889324642187!2d-71.0829315!3d42.3448913!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89e37a1052d49695%3A0xbdfe31a3b545364a!2s177+Huntington+Ave%2C+Boston%2C+MA+02115!5e0!3m2!1sen!2sus!4v1437088598386" width="250" height="250" frameborder="0" style="border:0" allowfullscreen></iframe>
于 2015-07-16T23:27:18.880 に答える