短视频商城源码，两种方式实现点击出现弹窗显示

原创

yunbaokeji柯基

修改于 2020-09-29 15:28:57

9240

修改于 2020-09-29 15:28:57

方案1：

var div = document.createElement('div');
var marker = new ol.Overlay({
    element : div,
    id : mkId,
    position : newPos,
    positioning : 'center-center'
   });
 map.addOverlay(marker);
$(div).popover({
            'placement': 'top',
             'animation': false,
             'html': true,
             'title':'<div id="tcontent" ><a>'+feature.get('name')+'</a></div>',
             'content': getNationFltHTML(feature)
            });
    $(div).popover('show');

方案2：

var div = document.createElement('div');
var marker = new ol.Overlay({
    element : div,
    id : mkId,
    position : newPos,
    positioning : 'center-center'
   });
 map.addOverlay(marker);
$(div).popover({
            'placement': 'top',
             'animation': false,
             'html': true,
             'title':'<div id="tcontent" ><a>'+feature.get('name')+'</a></div>',
             'content': getNationFltHTML(feature)
            });
    $(div).popover('show');

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

互动直播