11

現在、Google Maps API を使用して、特定の場所へのマーカー (緯度/経度の座標セットを指定) を使用してマップを生成しています。AMP HTML では、現在これを行う方法は amp-iframe 拡張機能https://github.com/ampproject/amphtml/tree/master/extensionsを使用しているようです。問題は、「ビュー」マップを使用していない限り、座標で Google マップの埋め込みコードを使用できないことです。プレイス ID を持っていないため、プレイス モードを使用できません。マーカーがないため、「表示」モードを使用できません。https://developers.google.com/maps/documentation/embed/guide#overviewで高低を見てきました

マーカーが配置された AMP HTML ページに Google マップを含める適切な方法は何ですか? フォーラムや Github の問題でこれに関する既存の質問が見当たらないので、他の誰かがこの同じシナリオに遭遇したかどうか知りたい.

4

3 に答える 3

2

GitHub リポジトリでこのコードを見つけましたhttps://github.com/ampproject/amp-by-example/blob/master/src/20_Components/amp-iframe.html#L72-L84

<amp-iframe width="600" 
          height="400"
          title="Google map pin on Googleplex, Mountain View CA"
          layout="responsive"
          sandbox="allow-scripts allow-same-origin allow-popups"
          frameborder="0"
          src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJ2eUgeAK6j4ARbn5u_wAGqWA&key=AIzaSyCNCZ0Twm_HFRaZ5i-FuPDYs3rLwm4_848">

于 2016-03-27T00:51:51.597 に答える