Googleマップ - 都市名で地図を埋め込む

Question

以下のコードのように都市名のみを使用して地図を埋め込む方法はありますか？

<iframe src="https://www.google.com/maps/embed?pb=Paris,France" width="600" height="250" frameborder="0" style="border:0" allowfullscreen></iframe> 

Answer 1

Embed APIのドキュメントを参照してください。

置きモード

置きモードでは、このようなランドマーク、ビジネス、地理的な特徴、または町として、特定の場所やアドレスにマップピンを表示します。

https://www.google.com/maps/embed/v1/place キー= YOUR_API_KEY & Q =エッフェル塔+タワー、パリ+フランス

以下のURLパラメータが必要とされています？

• qは地図上の強調表示する場所を定義します。場所名、住所、または場所IDのいずれかとして場所を受け入れます。文字列はURLエスケープする必要がありますので、 "City Hall、New York、NY"のようなアドレスはCity + Hall、New + York、NYに変換する必要があります。 （スペースをエスケープするときは、Google Maps APIは+と％20の両方をサポートしています。）プレースIDの前にplace_id：を付けます。

パリ、フランスでの例：あなたがそうのようなクリックイベントをGoogleマップAPIのJavaScriptやjQueryのを使用することができます

<iframe width="100%" height="600" frameborder="0" style="border:0" 
src="https://www.google.com/maps/embed/v1/place?q=Paris, France&amp;key=YOUR_API_KEY"> 
</iframe> 

working example

Answer 2

..

     $('...ELEMENT, CLASS, BUTTON....').click(function(){ 
         $.ajax({ 
          type:"GET", 
          url:"https://maps.googleapis.com/maps/api/geocode/xml?address=...CITY NAME...&key=...YOUR KEY GOES ERE...", 
          dataType:'xml', 
          success: function(xml){ 

            } 
           }); 
          } 
         }); 
        }); 

JSONを使用することができます。

またはuは、クリックやAJAX機能をたくない場合は、ちょうどあなたがここからキーを作成することができますウルキーと都市名

にURLを貼り付けのnコピー：役立つ https://console.developers.google.com/flows/enableapi?apiid=maps_backend,geocoding_backend,directions_backend,distance_matrix_backend,elevation_backend,places_backend&keyType=CLIENT_SIDE&reusekey=true&pli=1

希望。