mapbox 右键菜单栏
作者：互联网
//函数初始化时要进行监听
function rightMouseMenu(){
var rightMenu = new SFMap.RightMenuControl({
className: 'sfmap-ctrl-rightmenu-custom',
// 菜单内容
menuItems: [
{
id: '01',
content: '<span>添加事件单条</span>',
link_id:this.sw_id
},
{
id: '02',
content: '<span>添加事件多条</span>',
link_id:this.sw_id
},
],
});
window.map.addControl(rightMenu);
// 监听点击事件
window.map.on('rightmenu.show', function(data) {
console.log('菜单显示', rightMenu);
const features = window.map.queryRenderedFeatures(data.point, {
layers: ['SHAPE'],
})//获取选中图层 点 的 数据
console.log('features', features);
if(features&&features.length>0){ this.sw_id=features[0].properties.sw_id;//获取指定的数据 this.sw_id=features[0].properties.sw_id } console.log('rightMenu', rightMenu); }); window.map.on('rightmenu.update', function(data) { console.log('菜单刷新', data); }); window.map.on('rightmenu.hide', function() { console.log('菜单隐藏'); }); window.map.on('rightmenu.click', function(menuItem) { console.log('菜单点击', menuItem); console.log("sw_id",menuItem.target.sw_id) }); }
if(features&&features.length>0){ this.sw_id=features[0].properties.sw_id;//获取指定的数据 this.sw_id=features[0].properties.sw_id } console.log('rightMenu', rightMenu); }); window.map.on('rightmenu.update', function(data) { console.log('菜单刷新', data); }); window.map.on('rightmenu.hide', function() { console.log('菜单隐藏'); }); window.map.on('rightmenu.click', function(menuItem) { console.log('菜单点击', menuItem); console.log("sw_id",menuItem.target.sw_id) }); }
标签：console,features,sw,菜单栏,window,右键,mapbox,id,log 来源： https://www.cnblogs.com/chenlongsheng/p/16254224.html