ArcGIS JS TypeScript urlUtils使用问题

使用TypeScript封装了一下地图相关模块,需要在初始化的时候,统一配置代理。所以使用 esri/core/urlUtils进行配置。

在js中,一般如下使用,相关ARCGIS请求则转发至代理处理。

require(["esri/core/urlUtils"],function(urlUtils){
              urlUtils.addProxyRule({
                    urlPrefix: "http://llcgreat",
                    proxyUrl: "http://localhost/GRSH.XCSmartWaterOneMap.Proxy/Proxy.ashx"
               });

//其他代码。。。。
})

在TypeScript中,也按照上述方式修改

import urlUtils from "esri/core/urlUtils";
//其他相关 import

class mapinitial{
    constructor(){
        urlUtils.addProxyRule({
            urlPrefix: "http://llcgreat",
            proxyUrl: "http://localhost/GRSH.XCSmartWaterOneMap.Proxy/Proxy.ashx"
        });

        //其他初始化代码
    }
}

运行后报错:Uncaught TypeError: Cannot read property 'addProxyRule' of undefined

Google后,发现Solved: How to add a proxy to the arcgis-js-api Webpack Ty... - Esri Community提到上述问题,并给出如下解决方法

将import urlUtils from "esri/core/urlUtils"修改为

import urlUtils=require("esri/core/urlUtils")

即可解决上述问题

经过测试,发现 webMercatorUtils,watchUtils也存在上述问题

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
ArcGIS JS PopupTemplate 可以用于创建弹出窗口,以显示地图上要素的详细信息。下面是使用 ArcGIS JS PopupTemplate 的步骤: 1. 创建一个 PopupTemplate 对象: ``` var popupTemplate = new PopupTemplate({ title: "{Name}", content: "<p>{Description}</p>" }); ``` 在这个例子中,我们创建了一个 PopupTemplate,它的标题是要素的名称,内容是要素的描述。 2. 将 PopupTemplate 与图层关联: ``` var layer = new FeatureLayer({ url: "https://sampleserver6.arcgisonline.com/arcgis/rest/services/Census/MapServer/3", outFields: ["*"], popupTemplate: popupTemplate }); map.add(layer); ``` 在这个例子中,我们创建了一个 FeatureLayer,然后将 PopupTemplate 关联到该图层。这样,当用户点击地图上的要素时,弹出窗口将显示 PopupTemplate 中定义的标题和内容。 3. 在弹出窗口中显示要素的属性: ``` var popupTemplate = new PopupTemplate({ title: "{Name}", content: "<p>{Description}</p><p><b>Population:</b> {POPULATION}</p>" }); ``` 在这个例子中,我们将要素的人口属性添加到 PopupTemplate 中。当用户点击地图上的要素时,弹出窗口将显示人口属性的值。 4. 对弹出窗口进行自定义: ``` var popupTemplate = new PopupTemplate({ title: "{Name}", content: "<p>{Description}</p><p><b>Population:</b> {POPULATION}</p>", actions: [{ id: "view-details", className: "esri-icon-zoom-in-magnifying-glass", title: "View Details" }] }); ``` 在这个例子中,我们添加了一个操作按钮,当用户点击该按钮时,地图将缩放到要素的位置。 这些是使用 ArcGIS JS PopupTemplate 的基本步骤。您可以根据需要对 PopupTemplate 进行自定义,以显示要素的其他属性、添加其他操作按钮等等。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值