google map api v3 - 地図の下にマーカーを置くdiv

Question

私は場所ベースの検索アプリケーションを作成しようとしています。私はマーカーを使って検索結果を表示する必要があります。 google map javascript APIのMarkerコードサンプルを使用すると、マーカーがマップdivの中央に表示されます。マーカーの上にマーカーを向けて、マーカーの上に検索結果を表示できるようにする必要があります。

このURLを確認するhttp://www.groupon.com/now#/categories?address=denver&hint=47.5615%2C-52.7127&lat=39.7391536&lng=-104.9847034マップの下にマーカーが表示されます。私はこれをdisplyする必要があります。

Answer 1

GoogleマップAPIには、中心視点を設定する機能があります。提供しない場合は、マーカーの緯度/経度を中央に揃えます。それに応じて緯度/経度を加算/減算する必要があります。これからは、マーカーの現在の緯度/経度を別々の変数で取り、値を加算/減算して中心点を調整し、それらの中心点を設定する必要があります。 このヘルプが必要です。 :)

Answer 2

マーカーを配置しても、マップを中央に配置する必要はありません。マップ自体は、その中心点がマーカーと同じになるように設定されています。マーカーの中心を「上」（緯度で）になるようにマップの中心を設定する必要があります。地図オブジェクトに.setCenter(LatLng)を使用してください。

Answer 3

Oliver（感謝）からの返信に基づいて、ここで私はこの問題を解決しました。 https://developers.google.com/maps/documentation/javascript/referenceでは、我々は我々がmap.setCenter({lat: -34, lng: 151});を追加する必要がありますことを確認 - 私はグーグルマップを開いていて、私は私の地域をクリックした値を取得するには、このラインvar myLatlng = new google.maps.LatLng(your latitude, your longitude);

後にそれを持って、ポインタがページの下部に表示さ私は緯度と経度を参照してください（var myLatlng = new google.maps.LatLng(your latitude, your longitude);のために必要です）。 地図の中央で地図をドラッグしてクリックすると、その地図が表示されます。そして長い。あなたが追加しなければならない行にこの2つが追加されます - map.setCenter({lat: new latitude value, lng: new longitude value});