前端配置文件

128 阅读1分钟

前端也是可以有配置文件的。

怎么有配置文件呢?

最简单的,就是将配置信息写在js文件里,数据格式可以定义成json,直接读取就行了。

还有一种方法,就是
将配置信息写在.json文件里,然后用jquery来读取。

config.json文件

{
  "map": {
    "apipath": "//192.168.0.211/pubzy/arcgis_js_api/4.10/",
    "basemaps": [      
      {
        "title": "矢量图1",
        "thumbnailUrl": "images/map/矢量图.gif",
        "type": "tile",
        "layer": "http://192.168.0.22:6080/arcgis/rest/services/GJHYDT84/MapServer"
      },
      {
        "title": "矢量图",
        "thumbnailUrl": "images/map/矢量图.gif",
        "type": "dynamic",
        "layer": "http://192.168.0.245:6080/arcgis/rest/services/GDHT/GDDZHT/MapServer"
      },
      {
        "title": "影像图",
        "thumbnailUrl": "images/map/影像图.gif",
        "type": "tile",
        "layer": "http://192.168.0.206:6080/arcgis/rest/services/HNJCZS/HNJCZSYXT/MapServer"
      },
    ],
    "streamLayer": "http://192.168.0.195:6080/arcgis/rest/services/stream-service-newradar/StreamServer",
    "radarFeatureLayer": "http://192.168.0.100/arcgis/rest/services/Hosted/Radar_new/FeatureServer/0",
    "SliderTimeGap": 15,
  }
}

然后在页面脚本中读取、使用:

let configJSON = '../config.json?t=' + new Date().getTime();
    
$.getJSON(configJSON, function (config) {
	//config就拿到了
	mapcof = config.map;
});