Google maps 谷歌地图:缩放时,选择信息窗口文本

Google maps 谷歌地图:缩放时,选择信息窗口文本,google-maps,maps,infowindow,marker,Google Maps,Maps,Infowindow,Marker,我正在使用谷歌地图API V3。 我在地图上添加了一些带有信息窗口的标记。 双击(缩放)后将选择“我的信息”窗口的内容。 它不是那么方便用户 让我们举个例子: 双击地图上的某个地方进行缩放 单击标记以显示信息窗口 信息窗口的文本被选中 您知道如何避免在信息窗口中选择该文本吗? 谢谢。我终于找到了答案: (function($){ $.fn.disableSelection = function() { return this

我正在使用谷歌地图API V3。 我在地图上添加了一些带有信息窗口的标记。 双击(缩放)后将选择“我的信息”窗口的内容。 它不是那么方便用户

让我们举个例子:

  • 双击地图上的某个地方进行缩放
  • 单击标记以显示信息窗口
  • 信息窗口的文本被选中
  • 您知道如何避免在信息窗口中选择该文本吗?
    谢谢。

    我终于找到了答案:

    (function($){
                $.fn.disableSelection = function() {
                    return this
                    .attr('unselectable', 'on')
                    .css('user-select', 'none')
                    .css('-moz-user-select', 'none')
                    .css('-khtml-user-select', 'none')
                    .css('-webkit-user-select', 'none')
                    .on('selectstart', false)
                    .on('contextmenu', false)
                    .on('keydown', false)
                    .on('mousedown', false);
                };
    })(jQuery);
    
    然后,对于我的gmaps部门:

    $(document).ready(function () {
       $('#googleMaps').disableSelection();
    }
    

    将CSS属性
    user select
    添加到地图容器中,我就完成了这项工作。不需要Javascript

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    

    或者,如果您正在使用Sass和:
    +用户选择(无)

    我不希望选择信息窗口中的文本。它是。请参见下面的示例。无论如何,谢谢你。