打开文件

<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)