我正在使用Vue 2和TypeScript，我试图禁用<gmap-map>上显示的默认控件，我认为在使用JSX/TSX时语法不同。我尝试了我能想到的所有方法，但无法让disableDefaultUI属性更改任何内容。这并不是给我一个错误，只是它什么也没有更改。
这是我一直在努力找到工作的主要原因，因为这是在任何其他情况下工作的方式：

<gmap-map
 center={this.center}
 zoom={12}
 onClick={this.onMapClickHandler}
 class={styles.setup__map}
 disableDefaultUI = {'true'}
>

我试过使用&而不使用花括号，甚至试过禁用带有单独名称的控件，如mapTypeControl = 'false'等。
或者，当我尝试将其添加到选项块（如下所示）时，它无法识别内部的disableDefaultUI属性，并给出错误。

<gmap-map
 center={this.center}
 zoom={12}
 onClick={this.onMapClickHandler}
 class={styles.setup__map}
 options = {
    disableDefaultUI = {'false'}
  }
>

我也尝试过在main render（）之外单独声明一个布尔值，但正如预期的那样，得到了相同的结果。
我在一个非常大的共享存储库中，我不知道这些属性是否在任何地方列出，在搜索它时，除了在一个单独的.js文件中，它没有列出。其他已知的<gmap-map>属性，如zoom={}或center={}，工作得非常好。
这是单独的.js文件中的内容

$googleMap.each(function () {
  var mapHeight = $(this).data('height'),
  address = $(this).data('address'),
  zoom = $(this).data('zoom'),
  controls = $(this).data('disable-controls'),

[...]

$(this).gmap3({
    map: {
         options: {
         zoom: zoom,
         disableDefaultUI: controls,
         scrollwheel: scrollwheel,
         styles: styles
       }
  }

我遗漏了什么吗？是语法问题吗？或者我应该做一个单独的函数来禁用默认UI时，它的TSX？
任何帮助都很感激，谢谢。