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

【问题标题】：Google Maps API 3. Text selection in overlaysGoogle Maps API 3. 叠加层中的文本选择
【发布时间】：2011-03-16 10:12:04
【问题描述】：

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

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

【问题讨论】：

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

标签： javascript google-maps-api-3 textselection overlays

【解决方案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

【讨论】：