1

私の問題は本当に単純です。次のコードを使用してマップを作成した後、マップの中心が適切に配置されていません。

var myOptions = {
  center: new google.maps.LatLng(47.000059, 2.06543),
  zoom: 9,
  mapTypeId: google.maps.MapTypeId.ROADMAP,
  scaleControl: false,
  streetViewControl: false,
  mapTypeControl: false,
};
var activity_map = new google.maps.Map(document.getElementById("activity-map"), myOptions);

この点はフランスの真ん中です。私のdivは200x200pxのブロックで、オーバーフローと相対位置が隠されています。予想される中心はdivの左上と隅に配置されているようです。ズームレベルを変更し、マップを初期化した後に中心を設定しようとしましたが、機能しませんでした。

4

1 に答える 1

1

問題はあなたが提供したコードにはありません。「左上隅」の問題は、マップが初期化されたときに、マップを含むdivにサイズがない場合です。マップのサイズを指定する（または最初に非表示になっている場合はマップを表示する）HTML/CSSを提供していません。

もう1つの可能性は、DOMが完全にレンダリングされる前にマップを初期化することです。これは、DOMの準備完了またはbodyonloadイベントが発生した後にマップを初期化する必要があります。

于 2012-11-18T23:28:33.367 に答える