因为项目需要使用vue2开发gis地图信息,在查阅众多资料后做一个记录方便自己后续查看
使用的是arcgis 4.21版本,离线部署
离线部署的具体方式可以去搜索其他文章,这里不再具体展开
初始代码如下:
let option = {
url: "http://20.221.21.214:8080/arcgisDemo/argis_js_4.21/init.js", // 注释掉就是使用官网的CDN,但是更建议使用离线部署的地址
css: "http://20.221.21.214:8080/arcgisDemo/argis_js_4.21/esri/css/main.css",
};
loadModules(
[
"esri/Map",
"esri/layers/TileLayer",
"esri/views/MapView",
"esri/config",
],
option
).then(
([Map, TileLayer, MapView, Config]) => {
Config.fontsUrl = "http://20.221.21.214:8080/arcgisFont/"; // 离线字体文件
this.layer = new TileLayer({
url: "http://20.211.11.26:6080/cdznjtgis/arcgis/rest/services/ditu/2D-4326-white-baseMap/MapServer",
});