緯度と経度の座標をバインドしてGoogleマップの地図を表示できますか

Googleマップでは、単一の緯度/経度座標を入力でき、その緯度/経度を中心に地図が描画されます。

私ができるようにしたいのは、2つの座標ペア、たとえば南西座標と北東座標を入力し、適切なズームで表示されたGoogleマップを持っていることです。

これは可能ですか？もしそうなら、どのように？

ありがとう

そして答えは... Google Maps Code Playgroundに行きましょう！

テイラーの提案に従って、私はGoogle Maps Code Playgroundに行き、次のコードを入力して、座標ペアで区切られた適切なズームレベルで中心のマップを取得することができました。

function initialize() {
  var mapDiv = document.getElementById('map-canvas');
  var map = new google.maps.Map(mapDiv, {
    mapTypeId: google.maps.MapTypeId.ROADMAP
  });

  var southWest = new google.maps.LatLng(..., ...);
  var northEast = new google.maps.LatLng(..., ...);
  var bounds = new google.maps.LatLngBounds(southWest,northEast);
  map.fitBounds(bounds);
}

google-maps

— スコット・ミッチェル
ソース

LatLngBounds - developers.google.com/maps/documentation/javascript/...

— Mapperz

Google Maps Code Playgroundはもう存在しませんが、GoogleのAPI サンプルページの1つ（たとえばSimple Map）に移動し、コードボックスの右上にあるJSFiddleボタンをクリックして、そこにコードを挿入することで同等のことができます。

— ヒースラフティ

回答:

探している関数はfitBoundsと呼ばれます。fitBounds関数は、パラメーターとしてLatLngBoundsを取ります。詳細については、こちらをご覧ください。

サンプルコード：

var southWest = new google.maps.LatLng(36.90731625763393,-86.51778523864743);
var northEast = new google.maps.LatLng(37.02763411292923,-86.37183015289304);
var bounds = new google.maps.LatLngBounds(southWest,northEast);
myMap.fitBounds(bounds);

— テイラーH.
ソース

テイラー：APIを使用せずにmaps.google.comウェブサイトからこれを行うことは可能ですか？

— スコットミッチェル

いいえ、気づいていません。これのユースケースは何ですか？

— テイラーH.

さまざまな座標ペア（約10）があり、各座標ペアのマップを印刷したい。以前にGoogle Maps APIを使用したことがあるので、コードを作成することができましたが、maps.google.comサイトにアクセスし、最初の座標セットを入力し、印刷を押して、2番目のセットを入力するなどの方法を望んでいました。

— スコットミッチェル

Google Code Playground Mapsセクションで遊んでみてください。javascriptとhtmlを編集して、そこですぐに実行できます。それ以外の場合は、コードのセットアップに役立ちます。

— テイラーH.

Google Code Playground MapsセクションのTaylorは完璧で、私のニーズに合っていました。この件についてお時間をいただき、ありがとうございます。

— スコットミッチェル

さらに簡単なのは、リンクをWebページのIframe要素に埋め込むことです。好きなライブズームでリンクを取り、興味のあるエリアを素敵な方法でフレーミングします。無料のWebサイトがあるGoogleサイトで試してから、アプリケーションにコードをカットアンドペーストできます。

— ルイス
ソース