编程语言
首页 > 编程语言> > Javascript-Google Maps如何将图像添加到InfoWindow

Javascript-Google Maps如何将图像添加到InfoWindow

作者:互联网

嗨,我正在尝试将图像添加到Google Maps 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文件中添加一些代码,但不确定是什么?

解决方法:

使用这个,我在我的应用程序中尝试了这个:

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

代替:

infoWindow: {
    content: "<b>Loop, Inc.</b> 795 Park Ave, Suite 120<br>San Francisco, CA 94107"
}

标签:html,infowindow,javascript,image,google-maps
来源: https://codeday.me/bug/20191009/1881335.html