如何使Leaflet中的标记有两个弹出窗口?鼠标悬停时一种,单击时另一种?
P粉254077747
P粉254077747 2024-04-01 12:40:41
[HTML讨论组]

我希望将标题悬停在地图上的标记上,然后单击它们时会打开一个包含不同内容的完整弹出窗口。

我尝试制作一个图例,其中包含所有标记的列表,这些标记将用作相应弹出窗口的链接,但我似乎不知道如何做到这一点。

P粉254077747
P粉254077747

全部回复(1)
P粉495955986

您可以为不同事件的标记设置不同的弹出窗口。以下是如何在指向图层功能中设置它的示例:

var ptl = function(f, latlng){              
        
        var icon = L.icon({
            iconUrl: 'img/icon.png',
            iconSize:     [30, 50], // size of the icon
            iconAnchor:   [0, 25]
        });
    
            
        return L.marker(latlng, {icon: icon4}).on('click', function(e) {
                
            this.bindPopup(e.sourceTarget.feature.properties['content']);
        }).on('mouseover', function(e){
            var popup = L.popup({
                offset: [0, -30]
            })
                .setLatLng(e.latlng) 
                .setContent(e.sourceTarget.feature.properties['title'])
                .openOn(map);
                
        }).on('mouseleave', function(e){
            this.closePopup();
        });
            

    }
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号