在谷歌地图中鼠标悬停多边形时需要打开信息窗口

时间:2018-01-31 18:03:54

标签: javascript google-maps events listener infowindow

我想在谷歌地图上使用鼠标悬停在邮政编码上的信息窗口具有相同的功能,因为他们在以下链接中的网站上有它: https://www.bloomberg.com/graphics/property-prices/london/?utm_content=graphics&utm_campaign=socialflow-organic&utm_source=twitter&utm_medium=social&cmpid%3D=socialflow-twitter-graphics

给定的网站使用openstreetmaps,而我正在使用谷歌地图。 我现在创建的代码是“mouseover”监听器,在其中我正在使用“mousemove”监听器和锚点。因此,首先我在创建信息窗口并在事件上打开后,使用geojson数据设置在Google地图图层顶部创建的多边形样式。     infoWindow:new google.maps.InfoWindow({content:“”})

sectorLayer.addListener('mouseover', function(e) {
    sectorLayer.overrideStyle(e.feature, {
        strokeColor: '#fff',
        ...
    });
    infoWindow.setContent('Test content');
    anchor.set("position", e.latLng);
    google.maps.event.addListenerOnce(map, 'mousemove', function(){
          infoWindow.close();
    });

此代码未达到上述链接中网页所需的效果。

0 个答案:

没有答案