情報ウィンドウに画像を表示できません

[立花類]

始めて投稿させて頂きます。

JavaScriptやHTMLも初心者です。

 

マーカーをクリックすると情報ウィンドウが表示されるまでは出来ました。

しかし、情報ウィンドウに文章は表示出来ても画像を設定すると、

ブラウザに何も表示されなくなってしまいます。

(IE、chrome、firefoxで試してみましたが変わりませんでした。)

保存ができていないのかと思い、試しにHTMLに画像を表示するとちゃんと表示できるので、

画像の保存等の問題ではなさそうです。

 

下記が問題無く表示された情報ウィンドウの中が文章のモノです。

 

function initialize() {
 var mapCanvas = new google.maps.Map(document.getElementById("map_canvas"), {
  center : new google.maps.LatLng(35.705972,139.903767),
  zoom : 18,
  mapTypeId : google.maps.MapTypeId.ROADMAP
 } );

 var contentString = "<p>しのざき文化プラザ3F</p>";
 var infoWnd = new google.maps.InfoWindow({
  content : contentString
 });
 var marker = new google.maps.Marker({
  position : new google.maps.LatLng(35.705415,139.903038),
  map : mapCanvas,
  title : "しのざき文化プラザ3F"
 });
 google.maps.event.addListener(marker, "click", function(){
  infoWnd.open(mapCanvas, marker);
 });
}

google.maps.event.addDomListener(window, "load", initialize);

 

この中の下線部の7行目

var contentString = "<p>しのざき文化プラザ3F</p>";

を

var contentString = "<p><img src="shino01.jpg" /></p>";

に変更するとブラウザに何も表示されなくなってしまいます。

 

何を修正すれば画像が表示できるようになるでしょうか。

解決策をご教授頂ければと思います。

お手数ですが、よろしくお願い致します。

[Masashi.K]

これは

var contentString = "<p><img src="shino01.jpg" /></p>";

こうだと思いますよ。

var contentString = "<p><img src='shino01.jpg' /></p>";

2013/3/6 立花類 <luie.ta...@gmail.com>

--
このメールは Google グループのグループ「Google-Maps-API-Japan」の登録者に送られています。
このグループから退会し、メールの受信を停止するには、google-maps-api-...@googlegroups.com にメールを送信します。
このグループに投稿するには、google-map...@googlegroups.com にメールを送信してください。
http://groups.google.com/group/google-maps-api-japan?hl=ja からこのグループにアクセスしてください。
その他のオプションについては、https://groups.google.com/groups/opt_out にアクセスしてください。
 
 

[shimobukure_uri]

var contentString = "<p><img src="shino01.jpg" /></p>";

で上手く動作しない部分を以下のように書き直します。

var contentString = "<p><img src='shino01.jpg' /></p>";

変更箇所は、shino01.jpg　を ["] から ['] に変えたのみです。

最初は大変でしょうがいろいろ試してみて下さい。

　

[立花類]

 

 Masashi.Kさん、shimobukure_uriさん

ありがとうございます。

 

クォーテーションが同じで入れ子と読み取られていなかったという事ですね。

ご指摘の通り、「"」を「'」に変えたら無事表示されました。

勉強になりました。

初歩的な質問にお答え頂き、ありがとうございました。