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

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_34664239/article/details/90374756

这个设计高德地图事件系统中的覆盖物事件–信息窗口打开关闭事件
官方示例：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]); //后面的参数指的是经纬度，在此显示窗口
});