javascript - infowindws 上的自定义按钮(如模态 Bootstrap 按钮)

Question

我有一个应用程序，在信息窗口内出现一个打开模态视图的“更多信息”按钮。代码是:

(function(marker, data) {// Attaching a click event to the current marker
     google.maps.event.addListener(marker, "click", function() {
         geocoder.geocode({'latLng': marker.position}, function(results, status) {
           if(status == google.maps.GeocoderStatus.OK) {
              if (results[0]) { //defino la direccion
                 address = results[0].formatted_address;
                 info = '<h4>' + marker.title + '</h4><h4>'+ address+'</h4>';
                 var content = document.createElement('div'),button;
                 content.innerHTML = info + '<br/>';
                 button = content.appendChild(document.createElement('input'));
                 button.type = 'button';
                 button.value = 'More info';
                     google.maps.event.addDomListener(button, 'click', function () {
                        offsetCenter(marker,data);
                      })
                  infoWindow.setContent(content);

我的问题是关于按钮的样式。如何添加具有类似于模态引导按钮(即 btn-primary 类按钮)样式的按钮？

Answer 1

我找到了使用 setAttribute 属性的简单解决方案。只是使用:

 button.setAttribute('class', 'btn btn-info');

我在 infowindows 上看到了 bootsrap 按钮。您可以将 btn-info 更改为另一个类。

希望有帮助。