如何解决在Angular中导航时无法离开Leaflet.js地图组件
当我尝试离开实现传单地图的窗口/页面时,导航指向空白。退出窗口时删除地图图层似乎有问题。
定义为关闭地图窗口的按钮:
<button mat-raised-button color="primary" class="submit-button" id="removeAndBack" >Done</button>
document.getElementById('removeAndBack').addEventListener("click",onNavigateOut);
function onNavigateOut() {
if(this.map)
this.map.remove();
map = undefined
if(map.remove){
document.getElementById('map-container').innerHTML = "";
this.router.navigateByUrl('/home');
}
错误日志:
ERROR Error: Map container is already initialized.
at NewClass._initContainer (Map.js:1105)
at NewClass.initialize (Map.js:136)
at new NewClass (Class.js:22)
at createMap (Map.js:1728)
at leaflet.directive.ts:89
at ZoneDelegate.invoke (zone.js:386)
at Zone.run (zone.js:143)
at ngzone.runOutsideAngular (core.js:27413)
at LeafletDirective.ngOnInit (leaflet.directive.ts:86)
at callHook (core.js:3105)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。