ArcGIS API 离线字体库加载及跨域问题解决

  • 需要加载 ArcGIS API 离线字体库的报错信息如下图:

在这里插入图片描述

  • ArcGIS API 离线字体库下载地址:
    https://pan.baidu.com/s/1XAeJgLG9isybQYhvfpaqVw
    提取码:unc6
    将下载的离线字体文件夹放到 IIS 目录下,本机目录为:C:\inetpub\wwwroot\arcgis_js_api\4.15\arial-unicode-ms-regular\simsun-regular。
  • 修改 map 调用的代码:
mounted() {
	this.mapWidth = (window.screen.width - 44)  + 'px'
	this.mapHeight = (window.screen.height - 146) + 'px'
	
	setDefaultOptions({url: 'http://localhost/arcgis_js_api/4.15/init.js'})
	loadCss('http://localhost/arcgis_js_api/4.15/esri/themes/light/main.css')
	loadModules([
	    "esri/Map",
	    "esri/views/MapView",
	    "esri/layers/MapImageLayer",
	    "esri/tasks/QueryTask",
	    "esri/tasks/support/Query",
	    "esri/config"
	], { css: true }).then(([Map, MapView, MapImageLayer, QueryTask, Query, esriConfig]) => {
	    esriConfig.fontsUrl = "http://127.0.0.1/arcgis_js_api/arial-unicode-ms-regular";
	
	    this.layer = new MapImageLayer({
	        url: "http://localhost:6080/arcgis/rest/services//SampleWorldCities/MapServer"
	    });
	
	    this.map = new Map({
	        layers: [this.layer]
	    });
	
	    this.view = new MapView({
	        container: "mapDiv",
	        map: this.map,
	        ui: {
	            components: []
	        }
	    });
}
  • 在 IIS 上添加 MIME 类型
    Win + R 打开运行,输入inetmgr,点击“添加MIME类型”,添加 .pbf 字体类型。

  • 清空浏览器缓存,刷新页面,报错跨域问题如下图:

在这里插入图片描述

  • 在 IIS 中添加 HTTP 响应标头:


  • 离线部署的地图服务图层就可以显示出来了。
已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 书香水墨 设计师:CSDN官方博客 返回首页