vue中加载maptalks图标（markers）点击事件InfoWindow添加按钮点击事件

vue中加载maptalks图标（markers）点击事件InfoWindow添加按钮点击事件
marker中在content里面写按钮以及按钮的点击事件devDisplay

marker.on('click', function (e) {// 具体点击执行逻辑// 开始marker.setInfoWindow({'title': 'Marker\'s InfoWindow','content': `<div> x:${e.coordinate.x}<br>y:${e.coordinate.y}<br>点名称：${item.name}</div><button οnclick=devDisplay('${e.coordinate.x}','${e.coordinate.y}','${item.name}')>详细信息</button>`})marker.openInfoWindow();console.log(e.coordinate.x, e.coordinate.y, marker);})

在methods中写devDisplay方法

        devDisplay(x, y, name) {this.detail.model.name = namethis.detail.model.x = xthis.detail.model.y = ythis.detail.dialogVisible = true// alert(this.detail.model.y)// console.log(e);},

重点

mounted() {window.devDisplay = this.devDisplay
}

vue中加载maptalks图标（markers）点击事件InfoWindow添加按钮点击事件相关推荐

高德地图 Vue 中加载数据可视化 Loca 的方式
高德地图 Vue 中加载数据可视化 Loca 的方式今天想用 Loca 试试如何的,结果怎么都加载不上,我的代码是这样的 AMapLoader.load({key: "这个就不展示了& ...
vue3+ant design vue 动态加载Icon图标
问题与思路在使用前端组件库时,我们常常会遇到需要动态加载 Icon 图标,如何处理这一需求,是前端开发人员必须思考的问题.在 vue 中,有一个内置组件 component,它的主要作用是配合 is ...
cesium中加载点图标
效果(截取部分效果) 代码 // primitives可加载大量数据,性能方面比entities要好一些 let billboard = viewer.scene.primitives.add(new ...
vue中加载腾讯地图（html形式）
vue中引入腾讯地图,目前根据网上的方式有一种 qqmap组件,但是本人才疏学浅,未能探究如何使用,于是乎,就曲线救国,用另一种方式实现了,在vue中引入iframe,然后在iframe中引入html ...
Vue中加载mapv和mapvgl
一,加载mapv mapv示例地址:https://mapv.baidu.com/examples/ 1,引入百度地图和mapv 在public/index.html中引入: <script t ...
vue中加载loading
首先在components文件夹中新建一个loading.vue组件: 1.loading.vue组件内容如下: <template><div class="markbox ...
vue如何加载html字符串_vue如何给html字符串添加指令？
从服务端拿来一段类似如下代码(字符串) <p class="iwantyou">我需要你</p> <p class="iwantyou&qu ...
Three.js Vue 如何加载字体，和遇到问题解决：中加载字体的问题 Uncaught SyntaxError: Unexpected token = in JSON at position 0
Three.js Vue 中加载字体的问题 Uncaught SyntaxError: Unexpected token = in JSON at position 0 一.转换字体文件到 json ...
iOS:xib中加载自定义的xib控件, 解决死循环
咱就举个栗子: 我一个tableviewcell.xib(A) 中要使用一个我自定义好的一个 view.xib(B) 在A中拖好控件后, 需要在B中的.m文件中重写 initWithCode:(NSC ...
总结Vue中index.html、main.js、App.vue、index.js之间关系以及Vue项目加载流程
总结Vue中index.html.main.js.App.vue.index.js之间关系以及Vue项目加载流程文章目录总结Vue中index.html.main.js.App.vue.index ...

vue中加载maptalks图标（markers）点击事件InfoWindow添加按钮点击事件

vue中加载maptalks图标（markers）点击事件InfoWindow添加按钮点击事件相关推荐

最新文章

热门文章