吹き出しの中で文字の改行をする方法を教えてください。

1,480 views
Skip to first unread message

maku

unread,
Jun 21, 2007, 3:11:39 AM6/21/07
to Google-Maps-API-Japan
現在下記のように記述していますが文字が長く右の方が切れます。
文字の中で改行したいのですがその方法が解りません。
よろしくお願いいたします。
//吹き出しを表示
map.openInfoWindow(map.getCenter(),document.createTextNode("有限会
社 東海道五十三次の会社所在地です。"));

今ひとつは、GoogleマップをあるページからリンクでGoogleマップのみ表示しています。
リンクでなくそのページの中に表示する方法もお願いできますでしょうか?

ど素人の質問でまことに恐縮いたします。

Masashi.K

unread,
Jun 22, 2007, 12:45:31 AM6/22/07
to Google-Maps-API-Japan
>makuさん

はじめまして、Masashi.Kといいます。
試してないですけど、「\n」でできると思いますよ。

map.openInfoWindow(
map.getCenter(),
document.createTextNode("有限会社 東海道五十三次"+ "\n"
+ "の会社所在地です。")
);

takane

unread,
Jun 23, 2007, 1:29:55 PM6/23/07
to Google-Maps-API-Japan
こんばんわ、takaneです。

えっと、だれも突っ込まないので、一応。
htmlで文章の途中に改行があった場合でもブラウザで表示されるときには無視されるように
createTextNodeの引数中に改行があっても無視されます。

makuさんの場合、手っ取り早い方法は
openInfoWindow()からopenInfoWindowHtml()を呼ぶように置き換えて
第2引数の文字列中の改行したいところに改行タグを挿入します

map.openInfoWindowHtml(map.getCenter(),"有限会社 東海道五十三次の<br />会社所在地で
す。");

この場合、引数に渡した文字がそのままhtmlの文字列として解釈されるので
(だからbrタグで改行しているのですが)ユーザの入力値などを
表示させるような場合にはセキュリティ上の注意が必要です。

ついでに横幅を指定したdiv要素を作成してその中に文字を入れれば、勝手に折り返して表示してくれます。
map.openInfoWindowHtml(map.getCenter(),"<div style=\"width:200px\">有限会
社 東海道五十三次の会社所在地です。</div>");
みたいな感じ。まあ、idかclassの値を設定して別の場所で定義したほうが良いでしょうけど。

二つ目の質問は、ちょっと意味がわかりませんでした。
Googleマップとはhttp://maps.google.co.jp/のことでしょうか。
もう少し詳しく書いていただけたら、お答えできるかもしれません。

よろしくお願いします。

Reply all
Reply to author
Forward
0 new messages