如何解决如何使用mapboxgl在单击图标上渲染React组件?
使用map.addControl()在地图上显示图标。
export default class AddLayer {
insertControls() {
this.container = document.createElement('div');
const icon = document.createElement('img');
icon.src = uploadIcon;
this.container.classList.add('mapboxgl-ctrl');
this.container.classList.add('mapboxgl-ctrl-group');
this.button = document.createElement('button');
this.button.setAttribute('type','button');
this.button.appendChild(icon);
this.container.appendChild(this.button);
}
onAdd(map) {
this.map = map;
this.insertControls();
this.button.addEventListener('click',() => {
// Render React Component Here
});
return this.container;
}
这是纯JavaScript文件。如何在此处呈现react组件并管理状态?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。