Vuejs和谷歌地图：无法创建Polyline类的新对象

Question

所以，我希望用户能够在点击按钮时绘制一个手绘多边形。我在普通JS中实现它，现在想在vue中使用它（使用vue-cli）。

我在vue中使用此插件：https://github.com/xkjyeah/vue-google-maps/blob/vue2/API.md 这是我正在使用的代码：

＆＃13;

＆＃13;

var self = this;
// calls another method which disables map controls
self.disableMap();
// below line is fine
console.log(self.$refs.map.$mapObject);
// event handler is being called
self.$refs.map.$mapObject.addListener('mousedown', function() {
  // the below line results in undefined
  console.log(self.$refs.$polylineObject);
  let poly = new(self.$refs.map.$polylineObject)({
    map: self.$refs.map,
    clickable: false
  });
})

＆＃13;

＆＃13;

＆＃13;

非常感谢任何帮助。