13

マーカーに追加したい画像 stagleton.png があり、マーカーを作成する関数があります。画像が InfoWindow のテキストと共に表示されるように InfoWindow メソッドを変更するにはどうすればよいですか?

function createMarker(name, latlng, mapsent)
{
    var marker = new google.maps.Marker({
                       position: latlng,
                       map: mapsent,
                       title: name   
                       });
    marker.info = new google.maps.InfoWindow({
              //when I add <IMG BORDER="0" ALIGN="Left" SRC="stagleton.jpg"> the maps will not load
      content: <IMG BORDER="0" ALIGN="Left" SRC="stagleton.jpg"> "My name is " + name

    });

    google.maps.event.addListener(marker, 'click', function(){
        marker.info.open(mapsent, marker);
    });
    return marker;
}
4

3 に答える 3

25

試す：

content: '<IMG BORDER="0" ALIGN="Left" SRC="stagleton.jpg"> My name is ' + name
于 2012-04-15T10:06:13.343 に答える
3

@Dr.Molle、IEで試しましたか？内部に画像がある場合はいつでも、infoWindows を IE で開くことができません。それらはそれを閉じるための X が付いた小さなものですが、他のコンテンツはありません。

画像を削除するとすぐに、残りのコンテンツ (h1 タグ、リンク、テキスト) が正常に表示され、infoWindow が開きます。

手がかりはありますか??

編集: IE が画像を含む infoWindow をレンダリングできるようにするには、IMG タグで高さと幅の属性を指定する必要があります。IE は史上最悪のブラウザです。なんと POS...

うまくいけば、それは誰かを助ける!

于 2013-05-24T18:17:51.580 に答える