之前使用vue3 composition-api 结合mineData写了一个简单的地图页面,今天在此基础上添加一个常见的功能:点击maker弹出popup信息。
最终效果:
marker点击功能点抽离:usePoiEvent.js
export default function usePoiEvent () {
const popup = new minemap.Popup({
closeButton: false,
closeOnClick: false
})
const makerPopupHtml = (options) => {
const html = `<div>
<div><span class='popup-name'>名称:</span><span class='popup-content'>${options.title}</span></div>
<div><span class='popup-name'>经度:</span><span class='popup-content'>${options.lon || options