怎么在高德地图插小红旗

怎么在高德地图插小红旗,第1张

在官网添加一个高德地图,在高德地图初始化完成后添加 marker, marker 的 icon 换成小红旗就可以了。

具体步骤如下:

步骤一:添加高德地图

步骤二:高德地图初始化完成后

步骤三:添加一个 marker,将 marker 的 icon 换成小红旗。

在地图中给标注点marker添加后click事件后

marker.addEventListener("click", function(){})

如何在其他地方自动触发这个marker点击事件?

因为输出marker是一个对象,所以并不能marker.click()

想做的就是如那样点击左边搜索结果栏右边标注点自动点击一次

感觉api确实不太好用,想出来俩解决方案。

可以定义好事件处理函数,想要触发时执行一遍:

marker.addEventListener('click',func)

function func(){

alert()

}

// 想要触发时,直接调用func

func()

2.发现marker有一个属性B指向标记DOM,但B只在地图加载完成后才有值,否则为null,所以可以在地图加载完成后给给B绑定事件.

map.addEventListener("tilesloaded",function(){

marker.B.addEventListener('click',function(){

alert()

})

/* 使用zepto或jQuery

$(marker.B).on('click',function(){

alert()

})

*/

})

// 注意触发时要保证地图加载完成

marker.B.click()

/* 或

$(marker.B).trigger('click')

*/

也可以不等地图加载完,定义marker后就直接绑定,但触发时还是触发marker.B也是可以的。

marker.addEventListener('click',function(){

alert()

})

// 注意触发时要保证地图加载完成

marker.B.click()


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11651003.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存