GMAPS V3 を実装しましたが、#map でマーカーを中央に配置するのに問題があります。上記のリンクのいずれかの場所をクリックすると、その場所に移動し、ズームが行われますが、中央に配置されません。
ユーザーがアドレス一覧の場所をクリックすると、どうすればそれを中央に配置できますか?
ありがとう!
GMAPS V3 を実装しましたが、#map でマーカーを中央に配置するのに問題があります。上記のリンクのいずれかの場所をクリックすると、その場所に移動し、ズームが行われますが、中央に配置されません。
ユーザーがアドレス一覧の場所をクリックすると、どうすればそれを中央に配置できますか?
ありがとう!
クリックイベントリスナーで
google.maps.event.addListener(marker, "click", function() {
追加
map.setCenter(marker.getPosition())
ここで実際の例を参照してください:http://jsfiddle.net/RASG/vA4eQ/
(マーカーをドラッグして再センタリングします)
map.setCenter(marker.getPosition());
また、マップがマーカーの中心にあると情報ボックスが見えなくなるため、マップを少し大きくすることも検討してください。
マップを中央に配置していますが、情報ウィンドウを開くとパンが表示されるようになります。IMHOには2つのオプションがあります:1.情報ウィンドウのパンをマーカーの位置に表示した後、情報ウィンドウがビューポートから外れる可能性があります。2. Smartinfowindow コントロールを使用する
この JS をページにインクルードします
http://gmaps-samples-v3.googlecode.com/svn/trunk/smartinfowindow/js/smartinfowindow.js
thise DEMO ページのソースを理解しようとします (非常に簡単です)。
http://gmaps-samples-v3.googlecode.com/svn/trunk/smartinfowindow/smartinfowindow.html
そして成功を祈る。
コードを次のように更新します
var myLatLng = new google.maps.LatLng(c_lat,c_lng);
var myOptions = {
zoom: 2,
center: myLatLng,
mapTypeId: google.maps.MapTypeId.TERRAIN
};