700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 高德地图 js api 实现marker触发点击自动显示信息窗口

高德地图 js api 实现marker触发点击自动显示信息窗口

时间:2022-12-18 10:25:56

相关推荐

高德地图 js  api 实现marker触发点击自动显示信息窗口

1. 创建map,初始化中心点

var map = new AMap.Map("container", {center: [116.343328,39.949901],zoom: 14,dragEnable: true});

2. 给marker增加点击监听事件

var markerCommon = new AMap.Marker({icon: new AMap.Icon({image: '///jsapi_demos/static/demo-center/icons/poi-marker-default.png',imageSize: new AMap.Size(18,20) //图标大小}),position: new AMap.LngLat(116.343328,39.949901)});AMap.event.addListener(markerCommon, 'click', function(e) {new AMap.InfoWindow({content:content,offset: new AMap.Pixel(0, -30)}).open(map, markerCommon.getPosition());});

3. 自动触发点击事件,弹出信息窗口

AMap.event.trigger(markerCommon ,"click");

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。