google-maps - Google map 中多边形的工具提示

Question

我的应用程序中具有用于不同区域和状态的多边形。标记通过采用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);
}

Answer 1

我认为您必须自己做。在我已实现的页面中，我在页面上附加了一个mouse move事件，以便可以记录鼠标位置。然后当发生多边形mouseover事件时，我会在鼠标位置附近显示一个自定义div

希望能帮助到你