javascript - 谷歌地图中带有 Html 的 InfoWindow

Question

我正在使用以下代码为 map 中的标记创建一个信息窗口。在消息变量中，我发送了一个包含 Html 的字符串。当我在信息框中运行我的应用程序时，我得到的是没有 Html 样式的字符串。例如在框内我看到等等......有谁知道如何获取内部带有 html 样式的信息框？

 function attachSecretMessage(marker, number) {

         var infowindow  = new google.maps.InfoWindow(
      { content: message[number],
          size: new google.maps.Size(50, 50)
      });
            google.maps.event.addListener(marker, 'click', function() {
                infowindow.open(map1, marker);
      });

Answer 1

将您所有的自定义 html 代码放入一个变量中，并将值赋给“content”!!!

    var contentString = 
                '<div id="content" style="width:400px; background-color:red;">' +
                'My Text comes here' + 
                '</div>';

   var infowindow = new google.maps.InfoWindow({
            content: contentString,
            maxWidth: 400
        });