googlemapのinfoWindowクラスで画像が表示できません

Question

###前提・実現したいこと
monacaで、地図上に刺されているピンをクリックすると、特定の画像が表示されるプログラムを組んでいます。
ですが、肝心の画像が表示されません。

###発生している問題・エラーメッセージ

エラーメッセージは特に出ていません

###該当のソースコード

function markToMap(name, position, map){
            var marker = new google.maps.Marker({
                position: position,
                title:name
            });
            marker.setMap(map);
            google.maps.event.addListener(marker, 'click', function() {
                var infowindow = new google.maps.InfoWindow({
                    //content:marker.title
                   content: '<img src="../img/uQ0Vjs60.jpeg" width="128" height="128" alt = "イラスト">'
                });
                infowindow.open(map,marker);
            });
        }

###試したこと
contentタグにhtmlタグが使えると、ほかの人が書いているコードを参考にしてみたのですが、間違っているようには見えず、困っています。

###補足情報(言語/FW/ツール等のバージョンなど)
http://mb.cloud.nifty.com/doc/current/tutorial/monaca_checkIn.html
こちらの地図アプリをベースにして
https://syncer.jp/google-maps-javascript-api-matome/infowindow/
このページを参考にHTMLタグが使えるらしいのでやってみたら、うまくいきません。

Comments

[kei344]

InfoWindow は開きますか？

[popobot]

コードを自分の環境で動かした感じだと正しそうでしたよ。具体的にどううまくいかないのか書かいてください

[yuyuyudaria]

InfoWindowは開くのですが、開くだけで、×が表示され、画像が表示されません。

Answer 1

単に画像のPATHが間違っていることはないですか。以下が正しいのではないかと

"/img/uQ0Vjs60.jpeg"

ブラウザのデベロッパーツールとかで画像が取得できているか見てみてください。
もしくは、外部の適当な画像に置き換えてみて確認するのもありかもです。

Comments

[yuyuyudaria]

PATHを書き換えたところ上手く表示されました！
ありがとうございました！