# 打开文件

<sm-web-map :map-options="mapOptions">
  <sm-open-file :layer-style="layerStyle"></sm-open-file>
</sm-web-map>

<script>
export default {
  data() {
      return {
          mapOptions: {
            container: "map", // container id
            style: {
                version: 8,
                sources: {
                    "raster-tiles": {
                        type: "raster",
                        tiles: [
                            "https://iserver.supermap.io/iserver/services/map-china400/rest/maps/ChinaDark/zxyTileImage.png?z={z}&x={x}&y={y}"
                        ],
                        tileSize: 256
                    }
                },
                layers: [
                    {
                        id: "simple-tiles",
                        type: "raster",
                        source: "raster-tiles",
                        minzoom: 0,
                        maxzoom: 22
                    }
                ]
            },
            center: [120.143, 30.236],
            zoom: 3
          },
          layerStyle: {
              line: new SuperMap.Components.commontypes.LineStyle(),
              circle: new SuperMap.Components.commontypes.CircleStyle(),
              fill: new SuperMap.Components.commontypes.FillStyle()
          },
      };
}
</script>

# Attributes

参数 说明 类型 可选值 默认值
text 按钮文字 string - '打开文件'
fontStyle 组件的样式。例如:文字大小 fontSize 和 圆角大小 borderRadius object - -
accept 支持打开的文件类型 string[ ] '.json' | '.geojson' | '.csv' | '.xlsx' | '.xls' | '.shp' | 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' | 'application/vnd.ms-excel' ['.json', '.geojson', '.csv', '.xlsx', '.xls', '.shp', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'application/vnd.ms-excel']
layerStyle 图层样式 LayerStyle - -
addToMap 是否把数据渲染到地图上 boolean - true
fitBounds 是否自适应地图 boolean - true
clearLastLayer 是否清除上一次上图的数据 boolean - true
notify 是否开启操作提示 boolean - true

支持主题混入参数Control 混入参数

# Events

name 说明 回调参数
open-file-succeeded 打开文件成功后触发 function(result)
open-file-failed 打开文件失败后触发 function(e)
error-file-format 文件格式不支持时触发 function(e)
open-empty-file 文件内容为空时触发 function(result)
最后更新时间: 2024/7/4 下午4:10:48