javascript - 如何以编程方式打开传单标记的工具提示?

标签 javascript jquery leaflet

我正在使用传单,我有一些标记。如果我将鼠标悬停在标记图标上,它的工具提示会自动打开,显示相关数据。我将我的标记存储在一个名为 woMarkers 的变量中,除此功能外,一切都可以使用它。如果我这样做:

$(woMarkers[0]._icon).hover();

然后什么也没有发生,没有错误,工具提示也没有打开。这些是我正在使用的选项:

        var woOptions = {
            fitBounds: true,
            enableLandmarkLink: false,
            reDrawBounds: true,
            showControls: true,
            getName: function(record) {
                return record[('Job Number' in record ? 'Job Number' : 'Name')];
            },
            markerIconTemplate: '<div class="fi-marker-container %6" data-workorder="%3"><a class="icon" style="color: %4;">%1%2</a></div><div class="fi-marker-pointer-container"><div class="fi-marker-pointer %6"></div></div>',
            markerSelection: true,
            displayLabels: mapLabels,
            additionalMarkerMarkup: {
                column: 'Status', /* Display additional Marker html pending on a column value */
                values: {
                    '1': '<img class="top-right-icon" src="/Images/Icons/Help.png" />',
                    '2': '<img class="top-right-icon" src="/Images/Icons/CheckCircle.png" />',
                    '3': '<img class="top-right-icon" src="/Images/Icons/CheckCircle.png" />',
                    '4': '<img class="top-right-icon" src="/Images/Icons/CheckCircle.png" />',
                    '5': '<img class="top-right-icon" src="/Images/Icons/Warning.png" />'
                },
                columns: ["Workorder #"]
            },
            layer: new L.LayerGroup()
        };

所以,我的问题如下:如果我有一个标记对象,我如何以编程方式打开它的工具提示?

最佳答案

您可以简单地使用 marker.fire("mouseover"),使用 Leaflet built-in event management methods .

演示:https://jsfiddle.net/3v7hd2vx/92/

关于javascript - 如何以编程方式打开传单标记的工具提示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39790112/

相关文章:

javascript - 为什么转义/在 javascript '<\/script>' 中?

javascript - 动态插入的页眉和页脚不出现

javascript - ($根作用域 :inprog) $apply already in progress

javascript - 尝试在按下按键时使矩形在 Canvas 中移动,但它不起作用

javascript - 如果文档可以垂直滚动 200px 或更多运行函数

javascript - 使用 ng-repeat 和 limit-to 以及来自 tether.js 的工具提示时,在 jQuery 中出现上下文错误

javascript - 如何在 JavaScript 中将字符串值包装在变量中

javascript - Meteor.methods : return data to client from internal callbacks

jquery - 传单 map 无法正确加载

javascript - 使用传单中的测量工具时禁用弹出窗口