vue3部署高德地图js api,如何将高德地图infoWindow交互事件挂载到vue实例上

首先要想使用高德地图js api,需要先在高德开放平台注册成为开发者,注册后,可以新建一个应用,获取你应用的key。

获得Key之后,我们就可以需要在项目中添加JS API 的入口脚本标签,这里我选择添加到public/index.html中:

 

添加之后,你就可以在你的组件中使用啦。



这里的一个难点就是动态添加的infoWindow中的事件无法在组件中监听到,网上查找了一下,都是使用vue.extend()生成html添加到infowindow上,我试了一下,但是有报错,所以弃用了。换了个思路,使用这种方法来实现,虽然这样会轻微的污染全局方法,但是确实能够很完美的解决问题。

你可能感兴趣的:(vue,高德地图js,api,vue,高德地图js,API,infowindow交互事件)