1

こんにちは、Google マップの infoWindow に画像を追加しようとしています。私のコードは次のようなスクリプトです。

 var ContactUs = function () {

return {
    //main function to initiate the module
    init: function () {
        var map;
        $(document).ready(function(){
          map = new GMaps({
            div: '#map',
            lat: -13.004333,
            lng: -38.494333,
          });
           var marker = map.addMarker({
                lat: -13.004333,
                lng: -38.494333,
                title: 'Loop, Inc.',
                infoWindow: {
                    content: "<b>Loop, Inc.</b> 795 Park Ave, Suite 120<br>San Francisco, CA 94107"
                }
            });

           marker.infoWindow.open(map, marker);
        });
    }
};

 }();

次に、HTML では次のように呼び出されます。

  <div class="row-fluid">
     <div id="map" class="gmaps margin-bottom-40" style="height:400px;"></div>
 </div>

スクリプト ファイルにイメージ タグを追加しようとしましたが、機能しません。代わりに html ファイルにコードを追加する必要があることは理解していますが、何がわからないのですか?

4

2 に答える 2

4

HTML を追加して、InfoWindow の「コンテンツ」で画像を参照します。

       var marker = map.addMarker({
            lat: -13.004333,
            lng: -38.494333,
            title: 'Loop, Inc.',
            infoWindow: {
                content: "<b>Loop, Inc.</b> 795 Park Ave, Suite 120<br>San Francisco, CA 94107<br><img src='myimage.jpg' alt='image in infowindow'>"
            }
        });

上記は、ローカルディレクトリにある画像「myimage.jpg」を想定しています。絶対 URL を使用することもできます。" (ダブル クォーテーション) と ' (シングル クォーテーション) の混在に注意してください。

于 2013-08-20T12:34:29.780 に答える
0

これを使用して、アプリでこれを試しました：

infoWindow.setContent(html);
infoWindow.open(map, marker);

それ以外の：

infoWindow: {
    content: "<b>Loop, Inc.</b> 795 Park Ave, Suite 120<br>San Francisco, CA 94107"
}
于 2013-08-20T11:28:53.063 に答える