arcgis.js 卡顿,地图上点或者元素更多

原因一:

arcgis.js 卡顿,地图上点或者元素更多,请对你的代码仔细阅读。可能不是arcgis.js的问题。
我在我的代码中找出了这个问题,主要是有个move方法一直在运行,一直监听着鼠标的移动,到arcgis地图上的元素过多后,移动地图会出现卡顿的结果,这时我们就需要去掉这段代码了,有其他的方法来实现你想要的功能。
我注释的代码:

             offlineView.on('pointer-move', e => {
                 offlineView.hitTest(e).then(res => {
                     if (res.results.length !== 0 &&
                         res.results[0].graphic.show !== null &&
                         res.results[0].graphic.show) {
                         show(res.results[0].graphic);
                     } else {
                         offlineView.popup.close();
                     }
                 });
             });

这个方法是监听鼠标在地图上移动,鼠标只要移动就会执行,这样就是导致地图Map的卡顿。

原因二:

可能是浏览器的JS渲染器不同,这里说的是JS渲染器,不是浏览器内核,比如google chrome和QQ浏览器但是谷歌内核的浏览器,但是他们解释js代码的速度是不一样的,谷歌浏览器对js渲染器又做了一层优化,这点你可以自己去搜索了解,有人测试过同样的代码在谷歌浏览器和QQ浏览器、360浏览器执行的时间是不一样的。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
arcgis.js 是一个用于构建地图和地理空间分析应用程序的JavaScript API。它提供了大量的功能和工具,可以帮助开发人员在网页上展示地图数据、进行空间查询、分析和可视化等操作。 要在arcgis.js中打开弹出框,首先需要创建一个地图对象,并将其显示在网页上的某个容器中。然后,可以使用弹出层对象来创建和管理弹出框。弹出层是arcgis.js中用于显示弹出框的一个组件,可以在地图上任意位置创建一个弹出框,并为其设置内容、样式和交互行为等属性。 要打开一个弹出框,可以使用弹出层对象的open方法,并指定需要显示在弹出框中的内容。通过指定弹出框的位置、大小和样式等属性,可以对弹出框进行定制化设置。同时,可以为弹出框设置交互行为,如添加关闭按钮、支持拖动等。 例如,以下是使用arcgis.js创建一个地图对象,并在地图上打开一个弹出框的示例代码: ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"> <title>ArcGIS JavaScript API - Open Popup</title> <link rel="stylesheet" href="https://js.arcgis.com/4.19/esri/themes/light/main.css"> <script src="https://js.arcgis.com/4.19/"></script> <style> #viewDiv { padding: 0; margin: 0; height: 100%; width: 100%; } </style> <script> require([ "esri/Map", "esri/views/MapView", "esri/widgets/Popup" ], function(Map, MapView, Popup) { var map = new Map({ basemap: "streets" }); var view = new MapView({ container: "viewDiv", map: map, center: [-99.14, 36.48], zoom: 9 }); var popupContent = { title: "Hello!", content: "This is a sample popup." }; var popup = new Popup({ content: popupContent }); view.popup = popup; view.popup.open({ location: view.center, content: popupContent }); }); </script> </head> <body> <div id="viewDiv"></div> </body> </html> ``` 在上述示例代码中,创建了一个地图对象和地图视图,并指定在网页上的某个容器(id为viewDiv)中显示地图。然后,创建了一个弹出框对象,并为其设置了标题和内容。最后,通过调用view.popup.open方法,在地图视图的中心位置打开了一个弹出框,并指定了弹出框的位置和内容。 以上就是使用arcgis.js打开弹出框的简要说明。arcgis.js提供了丰富的API和组件,可以根据实际需求定制化设置弹出框的样式和交互行为,实现更加丰富和灵活的地图应用。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值