ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

mapbox 右键菜单栏

2022-05-10 17:04:06  阅读:306  来源: 互联网

标签:console features sw 菜单栏 window 右键 mapbox id log


 //函数初始化时要进行监听 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)                     });             }

标签:console,features,sw,菜单栏,window,右键,mapbox,id,log
来源: https://www.cnblogs.com/chenlongsheng/p/16254224.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有