複数の行にマーカーツールチップのテキストを書式設定するGoogle

Question

マーカーツールチップのテキストに改行を挿入するにはどうすればよいですか？私は\nを使用していますが、動作していないようです。

以下

を参照してくださいコード：

mark = new google.maps.Marker({   
     map: map,    
     position: center, 
     title:inspStates[i].name+ "\n"+"total: "+inspStates[i].totalInsp+ "\n"+ info, 
     zIndex:3 
}); 

Answer 1

Iツールチップの代わりにカスタマイズされたGoogleのインフォボックスを使用し、それが適切にフォーマット はこちらをご覧ください：http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/docs/examples.html

Answer 2

マーカーを使用して、複数行のテキストがでなければなりませんcontentはtitleではありません。また\nの代わりにhtmlのを使用する必要があります<br/>

Answer 3

私は\\ nを使用しています。これはうまくいくようです。

Answer 4

ダブルクォート（ ""）の代わりに一重引用符（ ''）を使用してください。これは のようになります。

mark = new google.maps.Marker({   
    map: map,    
    position: center, 
    title:inspStates[i].name+ '\n total: '+inspStates[i].totalInsp+ '\n'+ info, 
    zIndex:3 

}）;

Answer 5

FireFoxを使用している場合は、簡単な方法はないと思います。問題は、1ブレイク・スティーブンスによる華麗なシンプルhereして説明する：

引用すると：

を自動的にマーカー を超えるホバリングから生成されたタイトルは、実際には同じ を働く標準のHTMLタイトル属性であり、画像上のaltタグ属性として指定します。 は、ブラウザが自分自身を決定するので、 を複数の行にまとめるのは簡単ではありません。 行を折り返すようにしてください（本当に長いaltテキストとタイトルは、読むことができるので、 を読むことができます）。 改行を強制的に挿入することは可能ではないと思います。

しかし、これは一般的なタイトル のテキストを迂回するのを止めず、完全に書式設定可能な独自のテキストを作成します。 は、 'mouseover'イベントのマーカーにもアタッチすることができ、 は、 の周りの内容でdivタグを生成します。 'mouseout'イベント が発生したときに自身を削除/破棄/隠蔽します。それは私にとって最も信頼できる方法のようです。