Google Maps API 3. 叠加层中的文本选择

Posted 2023-03-06

【中文标题】Google Maps API 3. 叠加层中的文本选择

【英文标题】：Google Maps API 3. Text selection in overlays

【发布时间】：2011-03-16 10:12:04

【问题描述】：

如何在我的叠加层中进行文本选择？ 现在我的叠加层对于文本选择无效 并在我双击叠加层时创建缩放。

http://img121.imageshack.us/img121/9022/overlayph.png

【问题讨论】：

请发布您网站的链接。从该图像中无法判断您做错了什么。

【参考方案1】：

您需要取消叠加层上的事件传播，以免它们冒泡到地图上。最常见的事件是 click、mousedown、mouseup、mousemove、mouseenter、mouseleave，但这取决于您想要做什么。

所以添加一个事件监听器到你的包含叠加层的基本 div 并添加：

google.maps.events.addDomListener(theDiv, theEvent, function(e) 
  e.cancelBubble = true;
  if (e.stopPropagation) 
    e.stopPropagation();
  
);

【参考方案2】：

请看文档，静态函数 preventMapHitsAndGesturesFrom 大概就是你想要的。

preventMapHitsAndGesturesFrom(element) 参数：

element:  Element

返回值：无 停止单击、点击、拖动和滚轮事件 从冒泡到地图的元素。使用它来防止地图拖动 和缩放，以及地图“点击”事件。

https://developers.google.com/maps/documentation/javascript/reference/overlay-view#OverlayView.preventMapHitsAndGesturesFrom