【问题标题】:Google Maps API v3 polyline. How to extend mouseover area?Google Maps API v3 折线。如何扩大鼠标悬停区域?
【发布时间】:2016-01-04 12:35:39
【问题描述】:

我正在使用 Google Maps API 来渲染一张地图,其中包含从 A 点到 B 点的路线。 为了绘制路线,我使用了 google.maps.Polyline 对象。 我现在想做的是在用户将鼠标移到线上时添加一些信息 google.maps.InfoWindow 并在他离开时将其隐藏。

问题是线条似乎只有一个像素细,我经常失去焦点。

关于在移动光标时如何处理以保持框打开的任何想法?

谢谢

【问题讨论】:

  • 画一条粗线?
  • 是的,我想过。问题是,为了让我的焦点有正确的宽度,我必须画一条 15 像素宽的线,这根本不美观。有什么办法可以让我的对象看起来比它看起来更宽?
  • 在 mouseout 事件中使用 setTimeOut 或 SetInterval?每隔 X 秒隐藏一次信息框?

标签: javascript api google-maps-api-3 maps


【解决方案1】:

用相同的路径创建 2 行:

Line#1:您当前的线路,但将 clickable 设置为 false

Line#2:您当前的线路,但将strokeWeight 设置为15 并将strokeOpacity 设置为0.001

mouseover-handler 应用到 Line#2

Line#2 将不可见(因为strokeOpacity),但仍会响应鼠标事件

【讨论】:

    猜你喜欢
    • 2010-12-06
    • 2015-02-24
    • 2012-08-25
    • 1970-01-01
    • 2011-07-22
    • 2011-09-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多