imgがmax-widthに設定されていると、Googleマップは場所を中心とする問題を解決します。解決策があります。
#map_canvas img {
max-width: none;
}
Javascript APIを使用していないため、これはうまくいきません。したがって、map_canvasのようには思えません。iFrameを使用して埋め込むだけです。
iframeの周りにdivを追加してパラメータを設定しようとしても、同じ結果が得られます。
Googleマップのiframeがうまく機能するようにするための書き方/追加方法がわかりません。
回答：
回答№1は0あなたはiframedされているインタラクティブな地図か、あなたがiframingしている静的なgoogle map画像を使っていますか？
インタラクティブなGoogleマップを使用している場合は、マップ変数の中で必ず "center"プロパティを宣言する必要があるiframeです。残念ながら、マップはページの初期ロードが行われたときにのみ中央揃えになります。地図が作成されたときに中心が別の場所で定義されていたため、地図の縮尺は中心から外れます（これを解決するには、小さい解像度で更新すると問題が解決します）。
インタラクティブGoogleマップの場合
// Google Maps
var map;
function initialize() {
var mapOptions = {
zoom: 17,
draggable: true,
center: new google.maps.LatLng(38.913914,-94.637427), // this one
mapTypeId: google.maps.MapTypeId.ROADMAP
};
静的Googleマップ画像の場合
画像srcを宣言するとき、それはこのように見えるべきです：
<img src="/images/maps.googleapis.com/maps/api/staticmap?center=46168&zoom=11
&size=300×300&maptype=roadmap&sensor=false" alt="google map" />
いくつかの値を変更するだけで、この地図を好きな場所に配置できます。
センタリングオプション
- 市/州：Plainfield、IN
- 郵便番号：46168
- 住所：1917 Hawthorn Drive、Plainfield、IN
- 緯度：39.77、-86.16