我的应用程序中有各种区域和状态的多边形.标记通过获取title属性来实现工具提示.在鼠标悬停和鼠标悬停时,可以触发多边形事件.如何创建工具提示,看起来像是为标记实现的工具提示.
编辑-1:添加用于创建多边形的代码并附加处理程序以显示/隐藏工具提示.
function addPolygon(points) {
var polygon = new google.maps.Polygon({
paths: points,
strokeColor: " #FFFFFF",
strokeOpacity: 0.15,
strokeWeight: 1.5,
fillColor: "#99ff66",
fillOpacity: 0.14
});
var tooltip = document.createElement('div');
tooltip.innerHTML = "Alok";
google.maps.event.addListener(polygon,'mouseover',function(){
tooltip.style.visibility = 'visible';
});
google.maps.event.addListener(polygon,'mouseout',function(){
tooltip.style.visibility = 'hidden';
});
polygon.setMap(map);
}
Run Code Online (Sandbox Code Playgroud)