0

今日、私は自分のサイトにGoogleマップを実装し始めましたが、私に提供されたマップを持つdivを別のdivに入れることができないため、問題が発生しました。

私はこのサイトに記載されているコードを使用します

<div><div id="map_canvas" style="width:100%; height:100%"></div></div>

動作を停止します。なんで？マップをページ全体に表示したくないのですが、通常のdivに表示して、いつでもスタイルを変更できるようにしたいのですが...

4

4 に答える 4

0

次のようにスタイルシートを変更します。

<style type="text/css">
  #map_canvas { width : 500px; height : 500px; }
</style>

また、divタグからインラインスタイルシートを削除します。

<div id="map_canvas"></div>
于 2012-11-29T19:41:25.350 に答える
0

スタイリングできますdiv map_canvas。それを行うために別のものを入れる必要はありませんdiv。

たとえば、コードを次のように変更します。

     <div id="map_canvas"></div>

そしてCSS：

#map_canvas{
    width:400px; /* your own height here */
    height:300px;  /* your own height here */
     border:solid 1px green;  /* your own border if you like */

    /* maybe you want to position it somewhere? you can do for example */
   position:absolute; top:50px; left:50px; 

 }

アップデート

どうやら、親DIVSでも幅と高さを設定する必要があります。これはまだテストしていませんが、次のことを試してください。

<div id="mapHolder"><div id="map_canvas" style="width:100%; height:100%"></div></div>


#mapHolder {width:100%; height:100%;}

それが失敗した場合、この回答の上部にある私のCSSのように、％ではなく絶対サイズを試しましたか？

于 2012-11-29T19:42:49.817 に答える
0

幅と高さの値を変更することで、マップのサイズを変更できます。それで

<div id="map_canvas" style="width:50%; height:50%"></div>
于 2012-11-29T19:46:01.527 に答える
0

今あなたは持っています

<div><div id="map_canvas" style="width:100%; height:100%"></div></div>

width親divにはandがないため、これは機能しないはずheightです。で使用width/heightしている%場合、要素はその親要素に応じて寸法を測定します。親に幅と高さを適用する場合element/div、つまり

<div style="width:300px;height:300px"><div id="map_canvas" style="width:100%; height:100%"></div></div>

次に、内側のdiv（map_canvas）は、の幅と高さをそれ自体100%に適用します300px。または、外側のdivを削除することもできます。それが役に立てば幸い。

于 2012-11-29T20:00:58.830 に答える