--- highlight: a11y-dark theme: github --- ### 谷歌地图与右键菜单 #### 写在前面首先非常感谢这位组件的作者，苦恼了一段时间的问题终于解决了。这里给出这个组件的地址[vue3-context-menu (imengyu.top)](https://docs.imengyu.top/vue3-context-menu-docs/guide/start.html) #### 需求大致描述一下需求是怎么样的吧，就是要在谷歌地图上编辑多边形，然后呢，要给每一个多边形添加一个右键点击事件，右键点击会弹出一个菜单，苦于谷歌地图没有提供这方面的示例和文档，最贴合的一个示例还是使用类继承来实现的，当我看到`this`的时候马上就切掉了，因为项目使用的是`vue3`。而且网上很多相关的文章教程都挺老了的。看到文章发表日期大多都是15年左右的了，压根都不带看的。 #### 效果 ![googleMapContextMenu.gif](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/61b059ba0b6c4adcb199dea56233cf07~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=1768&h=822&s=5701362&e=gif&f=100&b=e5e9ed) #### 懒人移步内容不多，要是嫌麻烦我这里也给出这个视图的.vue文件源码 template ```html ``` typescript ```typescript ``` css ```css ```