google-maps - 将鼠标悬停在多边形上(显示文字)

Question

我在Google map 上做了一些多边形。现在，我想在多边形上添加鼠标悬停(和将鼠标移出)，以便将鼠标悬停在多边形上时，便可以看到该区域的名称。并且当您将鼠标移出时，名称就会消失(例如，将鼠标悬停在浏览器中的按钮上时)

var map;
var infoWindow;

function initialize() {
    var myLatLng = new google.maps.LatLng(50.88111111111, 3.889444444444);
    var myOptions = {
        zoom: 12,
        center: myLatLng,
        mapTypeId: google.maps.MapTypeId.TERRAIN
    };

    var poly;
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

    var polyCoords = [
        verwissel(3.869506,50.906449),
        verwissel(3.869654,50.905664),
        verwissel(3.869934,50.904131),
        verwissel(3.870310,50.902717),
        verwissel(3.870471,50.901559),
    ];

    poly = new google.maps.Polygon({
        paths: HerzeleCoords,
        strokeColor: "#FF0000",
        strokeOpacity: 0.8,
        strokeWeight: 3,
        fillColor: "#FF0000",
        fillOpacity: 0.35
    });

    google.maps.event.addListener(Poly, "mouseover", function(showtext("polyname"));
google.maps.event.addListener(Poly, "mouseover", function(do not show text anymore);

这是我认为的样子，但是我不知道它是如何工作的。

Answer 1

这是一个示例:http://jsfiddle.net/tcfwH/304/

与浏览器工具提示不完全相同，但是可以设置文本的样式。我正在使用MarkerWithLabel。每个标记均用于其多边形的名称。要切换多行框，请在CSS中更改white-space: nowrap。还有InfoBox作为工作选项，但我发现它的使用比MarkerWithLabel要复杂得多。

事件监听器根据鼠标位置在周围移动MarkerWithLabel:

  google.maps.event.addListener(poly, "mousemove", function(event) {
    marker.setPosition(event.latLng);
    marker.setVisible(true);
  });
  google.maps.event.addListener(poly, "mouseout", function(event) {
    marker.setVisible(false);
  });