相关疑难解决方法(0)

Google地图中的多边形工具提示

我的应用程序中有各种区域和状态的多边形.标记通过获取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)

google-maps tooltip google-maps-api-3

6
推荐指数
2
解决办法
2万
查看次数

标签 统计

google-maps ×1

google-maps-api-3 ×1

tooltip ×1