• 締切済み

背景色を切り替えてもGoogleMapを表示させる

やぎ じじい(@yagijijii)の回答

回答No.1

実際のコードが示されていないので何とも言えませんが、 この手の問題の場合、Google Mapの再描画のコマンドで 解決することがあります。 スクリプトの最後に、下記を実行してみてください。 resizeイベント google.maps.event.trigger(map, 'resize')

関連するQ&A

  • HTML背景色変更とGoogleMap表示設定

    例えば、以下のサイト(武蔵野市ホームページ)では背景色を変更できます。 http://www.city.musashino.lg.jp/shisetsu_annai/shisetsu_kosodate/index.html 背景色を白から他の色に変更してもGoogleMapは正常に表示されますが、正常に表示させるための特別な設定があるのでしょうか? 色を白以外に切り替えるとGoogleMapの領域が切替後の色になり地図表示されなくなる原因と対策について教えてください。

  • 背景画像にリンク

    背景に画像を固定して表示したページに、リンクを貼りたいのです。 フレームページで縦に2分割、左のページにスタイルシートで背景固定、BODYタグ内には何もなし、右のページも同じくスタイルシートで背景固定、こちらに左のページの背景画像内にある文字からリンクを貼り、そのリンクをはったページを右ページ内に反映させたいのです。 一枚の大きな画像を2分割して左と右のページでそれぞれ固定しているので、IMGタグはなるべく使いたくありません。 (IMGタグでスタイルシートでの背景固定ように、right bottomと出来るのならば全く問題ないので、その場合は教えてください^^;)

  • HTMLの背景画像の表示位置を変更する方法

    HTMLの背景画像の表示位置を変更する方法 質問させてください。 HTMLの背景画像ですが、スタイルシートのbackground-positionを使用すれば表示位置を変更することが可能です。 同様の機能をスタイルシートを使用せずHTMLタグのみで実現できないでしょうか? 例えば、<body background=""></body>タグにさらに何かの属性を追加する、などです。 ご存知の方がおられましたら、是非ともお教えください。

    • ベストアンサー
    • HTML
  • gaiax系ページでの背景の固定

    こんにちわ。 先日、背景を固定して文字だけスクロールしたいという件で質問しましたところ、スタイルシートをつかったり、bodyタグでの方法を教えて頂きました。ところが、私のページはgaiaxであり、デザインの変更の背景URLのところに教えて頂いたスタイルシートなどのタグを張り付けてみたところ、背景はうまく固定できたのですが、今度は画面の左上に文字の色などを示すタグが勝手に表示され、こちらで設定した文字の色なども無効になってしまいました。スタイルシートではこちらを張り、 <STYLE TYPE="text/css"><!-- BODY{ background-image:url("画像の名前"); background-repeat : no-repeat ; background-attachment : fixed; background-position: bottom right;} --> </STYLE> bodyタグではこちらを試してみました。 <BODY background="○○○" bgcolor="○○○" bgproperties="fixed"> ・・・・・ </BODY> いずれにしても変なタグが画面上部に勝手に表示されてしまうんです。 それに文字なども私は白で設定したのですが、勝手に黒になってしまいます。 どうしたらよいのでしょうか? メインのお知らせ欄に張るということも考えてみたのですが、 そうすると、日記画面での背景は別になってしまいますよね? 御回答よろしくお願い致します。

    • ベストアンサー
    • HTML
  • エクセルの背景色を白から変更したい

    Excel 2007 を使用しています。 デフォルトでは、シートは背景色が白です。 これを白以外に変えることはできるでしょうか。できるならその方法をご教授ください。 塗りつぶしではなく、背景そのものの色を変えたいと思っています(『塗りつぶしなし』の色を白以外に変えられないでしょうか)。

  • 背景色を2色表示させたい

    HTMLを始めたばかりの初心者です。 スタイルシートを使ってメール用のひな形を作っているのですが、わからないところがあるので教えてください。 どの本やサイトを見ても背景色を2種類表示させる指定が載ってないのです。 そういったことは可能ですか? たとえば上から70ピクセルをAの色で表示させ、その下から全てをBの色で表示させたいのです。さらにAの色の上に背景透過性の画像を横並びで表示させたい・・(画像の背景色は使いたくないので)。 メールのひな形ですのでテキストは一切入力しません。画像のみです。 稚拙な質問ですみません。よろしくお願いします。

    • ベストアンサー
    • HTML
  • ホームページの背景について

    申し訳ありません。 力を貸してください。 ホームページの背景について、未使用のスペースの背景色を変えて ブラウザ上で表示したいのですができません!! 自分で調べてみたのですが。。。 ベストな手法をご教授願えますでしょうか。 イメージとしてはこのようなサイトの背景にしたいと 思っております。 http://www.united-arrows.co.jp/ (このページのソース見たんですが。。わかりませんでした。。 全部スタイルシートで設定してるってことなのかな?)

  • 背景画像の表示

    先ほど背景画像の表示はできましたと返答いたしましたが、背景を別のものに変更したら背景の表示がなくなってしまいました。 <body background="http://www---------------/---/"--- .jpg"text="#808000">で表示がでません。 ※CSSで背景設定しているページもあります。

    • ベストアンサー
    • HTML
  • ページの表示について

    あるページで、スタイルシートを変更したところ、 「ホーム」に指定しているページのバランスが、 おかしくなってしまいました。 どうすれば元に戻るでしょうか。 教えてください。

  • GoogleMapを複数表示させたい

    GoogleMap を API で2つ表示させて、それぞれの地図にマーカーをひとつずつつけたいです。 マーカーをつけて吹き出すをだすまではできたのですが、 マップをもうひとつ増やすにはどのように記述すればよいでしょうか? 現在のソースは以下です -------------------------------------------------------- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> #Gmap{ width:500px; height:500px; } </style> <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=http://maps.google.com/maps?file=api&amp;v=2&amp;key=" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> //<![CDATA[ function load() { if (GBrowserIsCompatible()) { //地図を作成 var map = new GMap2(document.getElementById("Gmap")); map.setCenter(new GLatLng(35.675845,139.744763), 15); //マーカーを作成 var marker = new GMarker(new GLatLng(35.675845,139.744763)); //マーカーをクリックしたら、吹き出しの中に写真を表示する GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml("テキストが入ります"); }); //マーカーを地図上に配置 map.addOverlay(marker); //縮尺移動のコントロールを設置 map.addControl(new GLargeMapControl()); //地図衛星写真 切り替えボタンを表示 map.addControl(new GMapTypeControl()); //縮尺表示 map.addControl(new GScaleControl()); } } //]]> </script> </head> <body onload="load()" onunload="GUnload()"> <div id="Gmap"></div> </body> </html> -------------------------------------------------------- よろしくお願いいたします