高德地图 在点标记上点击显示信息窗口

这个设计高德地图事件系统中的覆盖物事件–信息窗口打开关闭事件
官方示例:https://lbs.amap.com/api/javascript-api/example/event-overlay/infowindow-event

1.文本标记

一般需要在地图上显示图标和标题文字的时候,会用文本标记,既能显示文本,也能添加图标,而maker标记,只能显示一样

new AMap.Text
new AMap.Text({
	map: map,
	text: 'marker.content',
	position:  [116.473188,39.993253],
	offset: new AMap.Pixel(-18, -25),
	shadow: new AMap.Icon({
	    size: new AMap.Size(20, 10),
	    image: 'https://app.ilulala.cn/images/carIcon/car.png',
	    imageSize: new AMap.Size(20, 10)
	})
})

2.信息窗口

AMap.event.addListener(item, 'click', function () {
	//创建信息窗口
    infoWindow = new AMap.InfoWindow({
        isCustom: true,  //使用自定义窗体
        content: '信息的html代码字符串',
        offset: new AMap.Pixel(-15, -25)
    });
    //打开信息窗口
    infoWindow.open(map, [116.473188,39.993253]); //后面的参数指的是经纬度,在此显示窗口
});

你可能感兴趣的:(地图,高德地图显示信息窗口,点击点标记显示信息窗口)