Google Maps API V3で表示るInfo Windowsのサイズが最近制御出来なくなっています。

129 views
Skip to first unread message

chobe

unread,
Apr 18, 2012, 10:56:55 PM4/18/12
to Google-Maps-API-Japan
以前は URL: http://longhat.fan-site.net/folder_henro/sanu02/page_time0.html
の例のようにInfo WindowsはKMLファイルのdescriptionでwidthやalignで指定した通りに表示
されていました。

所が、最近 URL: http://longhat.fan-site.net/folder_hosomichi/tr_07/page_tr07_02.html
の例のようにdescriptionのwidthやalignで指定した通りにInfo Windowsが表示されません。
横幅は指定より大きく、alignmentはleftの代わりに中央揃えになっています。


使用したKMLファイルは各々のページの<head>の中の<script type="text/javascript">に指定
してあり、GoogleEarthで読み込んでテストしますと問題なく表示されますので、KMLのコーディ
ングに関しては文法出的には基本的な間違いがないと思われます。

IE9やFirefoxやGoogleChrome等の色々なBrowserでテストしてもInfo Windowsの表示の乱れは
変わりありませんので、Google Maps APIの仕様が変わったように思われますが、原因は判り
ません。

この原因と解決法に就いてご示唆頂ければ幸いです。

chobe
masah...@aol.com

chobe

unread,
May 6, 2012, 11:18:04 AM5/6/12
to google-map...@googlegroups.com

2012年4月19日木曜日 11時56分55秒 UTC+9 chobe:

chobe

unread,
May 6, 2012, 11:19:17 AM5/6/12
to google-map...@googlegroups.com

2012年4月19日木曜日 11時56分55秒 UTC+9 chobe:

chobe

unread,
May 6, 2012, 11:20:03 AM5/6/12
to google-map...@googlegroups.com

2012年4月19日木曜日 11時56分55秒 UTC+9 chobe:

chobe

unread,
May 6, 2012, 11:31:38 AM5/6/12
to google-map...@googlegroups.com
KMLのコーディングをGoogleEarthに読ませてチェックしてみますとInfoWindowは意図した通り
に表示されますので、コーディングのエラーはない筈です。
残念ながらリモート・サイトにアップロードしますと、あるページでは意図した通り表示されるのに、
あるページは指定したwidthやalignとは全く異なった形に表示されます。
 
何方か考えられる原因をご指摘くださると幸いです。

2012年4月19日木曜日 11時56分55秒 UTC+9 chobe:

GMapApi Yuu

unread,
May 6, 2012, 10:13:24 PM5/6/12
to google-map...@googlegroups.com
ゆうです。

KMLファイルのdescriptionタグの中身のtable等が違うようです。
前者はtableにwidth指定がされておりますが、
後者はtableにwidth指定がありません。
前者の記述に合わせれば想定どおりの表示になるかと思います。

また、GoogleEarthの出力とHtml上の出力の表現は同一ではありませんのでご注意ください。

以上です。

2012年5月7日0:31 chobe <ch...@hotmail.co.jp>:
> --
> このメールは Google グループのグループ「Google-Maps-API-Japan」の登録者に送られています。
> このディスカッションをウェブ上で閲覧するには、https://groups.google.com/d/msg/google-maps-api-japan/-/OnA7u_er_pEJ
> にアクセスしてください。
>
> このグループに投稿するには、google-map...@googlegroups.com にメールを送信してください。
> このグループから退会するには、google-maps-api-...@googlegroups.com
> にメールを送信してください。
> 詳細については、http://groups.google.com/group/google-maps-api-japan?hl=ja
> からこのグループにアクセスしてください。

chobe

unread,
May 8, 2012, 10:24:03 AM5/8/12
to google-map...@googlegroups.com
ゆう様
 
早速、ご示唆有難うござました。
 
残念ながらTableとTdのwidthとheightを色々指定して試みてみましたが、指定通りに表示され
ないのが現状です。
例に挙げました後者は偶々tableのwidthとheightを指定してありませんでしたが、TdのWidthと
heightは指定してありました。試みにそのKMLファイルのDescriptionのtableのwidthとheightを
指定して見ましたが矢張り表示されるInfoWindowの幅は指定の倍程度のものになって表示され
ます。
GoogleMapsAPIとGoogleEarthのメカニズムは異なることは承知していますが、GoogleEarth
を引き合いに出したのは、問題を起こしているKMLのコーディングのなかのHTMLタグの文法
には間違いないということを示すために述べただけのことです。
 
小生の不可解な点は、同じサイトの中で１０数か所KMLレイヤーでInfoWindowを表示させていま
すが、数ｶ月前に作成したページでは想定通りにInfoWindowが表示されているのに、最近作成し
たページは殆ど表示が乱れていることです。
 
表示が意図通りになっている例：
 
 
 
表示が乱れている例：
 
 
 
 
 
上の例の作成日時は古い順から新しい順に並べられています。
 
現在、GoogleMapsAPIのバージョンは一貫して：
と指定していますが、このバージョン指定に問題はありませんでしょうか？
 
何方か原因をご指摘して下さてば大変有難く思います。
 
chobeより
 

2012年5月7日月曜日 11時13分24秒 UTC+9 ゆう:
> このグループに投稿するには、google-maps-api-ja...@googlegroups.com にメールを送信してください。
> このグループから退会するには、google-maps-api-japan+unsubscribe@googlegroups.com

Masashi.K

unread,
May 8, 2012, 10:26:34 AM5/8/12
to google-map...@googlegroups.com
M.Kです。

v3.4は既に存在しないので、v3.5が適用されているはずです。

先日Googleの方との打ち合わせした時に確認してもらった感じでは
「バグっぽいねー、確認しておきます」とのことでした。


2012/5/8 chobe <ch...@hotmail.co.jp>:
> ゆう様
>
> 早速、ご示唆有難うござました。
>
> 残念ながらTableとTdのwidthとheightを色々指定して試みてみましたが、指定通りに表示され
> ないのが現状です。
> 例に挙げました後者は偶々tableのwidthとheightを指定してありませんでしたが、TdのWidthと
> heightは指定してありました。試みにそのKMLファイルのDescriptionのtableのwidthとheightを
> 指定して見ましたが矢張り表示されるInfoWindowの幅は指定の倍程度のものになって表示され
> ます。
> GoogleMapsAPIとGoogleEarthのメカニズムは異なることは承知していますが、GoogleEarth
> を引き合いに出したのは、問題を起こしているKMLのコーディングのなかのHTMLタグの文法
> には間違いないということを示すために述べただけのことです。
>
> 小生の不可解な点は、同じサイトの中で１０数か所KMLレイヤーでInfoWindowを表示させていま
> すが、数カ月前に作成したページでは想定通りにInfoWindowが表示されているのに、最近作成し
>> > このグループに投稿するには、google-map...@googlegroups.com にメールを送信してください。
>> > このグループから退会するには、google-maps-api-...@googlegroups.com
>> > にメールを送信してください。
>> > 詳細については、http://groups.google.com/group/google-maps-api-japan?hl=ja
>> > からこのグループにアクセスしてください。
>
> --
> このメールは Google グループのグループ「Google-Maps-API-Japan」の登録者に送られています。
> このディスカッションをウェブ上で閲覧するには、https://groups.google.com/d/msg/google-maps-api-japan/-/FMmBFdE3TMEJ
> にアクセスしてください。
>
> このグループに投稿するには、google-map...@googlegroups.com にメールを送信してください。
> このグループから退会するには、google-maps-api-...@googlegroups.com

chobe

unread,
May 8, 2012, 10:40:44 AM5/8/12
to google-map...@googlegroups.com
masaki k様
 
早速、ご返事有難うございました。
 
GoogleMapsAPIのバージョン指定を3.5に変えてみますが、これがバグであれば一刻も早く改善される
事を期待しています。
 
Chobeより
 

2012年4月19日木曜日 11時56分55秒 UTC+9 chobe:

GMapApi Yuu

unread,
May 8, 2012, 8:05:43 PM5/8/12
to google-map...@googlegroups.com
ゆうです。

http://longhat.fan-site.net/folder_hosomichi/tr_01/page_oku_tour01.html
上記HTMLでは、hosomichi_style_common.cssの474行目のtable指定のcssが効いてしまっているみたいです。
hosomichi_style_common.cssの修正をするか、
kml内のtableにstyle="width:260px;"などを追加し、styleを優先させれば良いかと思われます。

以上、よろしくお願いいたします。


2012年5月8日23:40 chobe <ch...@hotmail.co.jp>:
> --
> このメールは Google グループのグループ「Google-Maps-API-Japan」の登録者に送られています。
> このディスカッションをウェブ上で閲覧するには、https://groups.google.com/d/msg/google-maps-api-japan/-/OTdF-MILo5oJ

chobe

unread,
May 9, 2012, 4:12:58 AM5/9/12
to google-map...@googlegroups.com
ゆう様　　masaki k.様
 
何回もご示唆有難うございました。
 
お蔭様でこの数か月悩まされました問題が解決致しました。
 
この数か月、共通の外部CSS、hosomichi_style_common.cssをLinkして使っていま
したが、その中にHTMLタグのtableに迂闊にも直接スタイルを設定していましたので、
ゆう様のご指摘のように、そのCommonルールがKMLの中のtableのスタイルにも影
響されたためでした。
 
共通の外部CSS、hosomichi_style_common.cssのtableのスタイルをクラス・スタイル
に変更して、無事解決しました。
一時はGoogleMapsAPIのバージョウン3.5のバグではないかとも疑いましてが、そうでは
ありませんでした。
 
改めて皆様のご協力に感謝いたします。
 
chobeより
 

2012年5月9日水曜日 9時05分43秒 UTC+9 ゆう:
> このグループに投稿するには、google-maps-api-ja...@googlegroups.com にメールを送信してください。
> このグループから退会するには、google-maps-api-japan+unsubscribe@googlegroups.com
Reply all
Reply to author
Forward
0 new messages