vue router 在地图的信息窗口点击后新窗口跳转

最新推荐文章于 2024-04-29 07:18:02 发布

原创最新推荐文章于 2024-04-29 07:18:02 发布 · 760 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#高德地图信息窗口跳转

VUE 同时被 2 个专栏收录

24 篇文章

订阅专栏

15 篇文章

订阅专栏

博客围绕高德地图信息窗口跳转展开，但具体内容缺失。推测可能涉及如何实现信息窗口跳转的技术方法、相关代码示例等信息技术方面内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<template>
 let infoWindow = new AMap.InfoWindow({
                        offset: new AMap.Pixel(20, 30),
                        content:`<div class="InfoWindow">
                                <div class="btn" onclick="window.bigData.lookDetail(${InfoWindowDetail.id})">查看详情</div>
                        </div>`//信息窗体的内容
                    });
             infoWindow.open(this.map,marker.getPosition());
</template>
method:{
	lookDetail(val){
            let routeUrl= this.$router.resolve({
                name: 'premisesEdit',
                params:{//不同的物体靠id来判断跳转的详情
                    id: val
                }
            })
             window.open(routeUrl.href, '_blank');
        },
},
mounted(){
    window.bigData = this;
}