地图组件

Web Map 地图组件。支持 MapboxGL Map，SuperMap iPortal/Online 地图。
目前支持地图坐标系包括：'EPSG:3857'，'EPSG:4326'，'EPSG:4490'，'EPSG:4214'，'EPSG:4610'。

加载 SuperMap iPortal 地图

<sm-web-map server-url="https://iportal.supermap.io/iportal/" map-id="801571284"></sm-web-map>

Attributes

参数	说明	类型	可选值	默认值
mapId	SuperMap iPortal/Online 地图资源 ID	number | string | object	-	-
target	地图容器 ID	string	-	map
serverUrl	SuperMap iPortal/Online 服务器地址	string	-	https://www.supermapol.com
accessToken	令牌，用于访问 SuperMap iPortal 中受保护资源	string	-	-
accessKey	SuperMap Online 提供的一种基于 Token（令牌）的用户身份验证机制	string	-	-
tiandituKey	天地图的服务 Key	string	-	-
googleMapsAPIKey	用于访问谷歌地图。当设置 id 时有效。	string	-	-
googleMapsLanguage	用于定义在谷歌地图图块上显示标签的语言。当设置 id 且底图为谷歌地图时有效。	string	-	zh-CN
withCredentials	请求是否携带 cookie	boolean	-	false
excludePortalProxyUrl	server 传递过来的 URL 是否带有代理	boolean	-	false
iportalServiceProxyUrlPrefix	serverUrl 参数对应的 iPortal 服务器服务代理 (opens new window)地址前缀	string	-	-
proxy	HTTP 请求代理地址 。布尔值表示使用 iPortal 默认代理地址	boolean | string	-	-
autoresize	组件根元素尺寸变化时地图是否自适应	boolean	-	true
isSuperMapOnline	是否是 SuperMap Online 地图	boolean	-	-
defaultLoading	是否默认显示加载中	boolean	-	true
loading	地图是否加载中	boolean	-	false
keepBounds	当地图重绘时，是否保持 mapOptions 中的 bounds	boolean	-	false

加载 iServer 地图

<template>
  <sm-web-map :map-options="mapOptions"></sm-web-map>
</template>
<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/China/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], // starting position
        zoom: 3 // starting zoom
      }
    };
  }
};
</script>

Attributes

参数	说明	类型	可选值	默认值
mapOptions	MapboxGL map options 对象 (opens new window)	object	-	-
autoresize	组件根元素尺寸变化时地图是否自适应	boolean	-	true
keepBounds	当地图重绘时，是否保持 mapOptions 中的 bounds	boolean	-	false
defaultLoading	是否默认显示加载中	boolean	-	true
loading	地图是否加载中	boolean	-	false

Events

name	说明	回调参数
load	地图加载完成时触发	function({ map: Mapboxgl.map (opens new window) })

其余 map 事件请参照 Mapboxgl.Events (opens new window)，回调参数是 function({ map: Mapboxgl.map (opens new window), component: WebMap 组件实例, mapboxEvent: {...Instance Members (opens new window)}, ...eventData（事件对象的附加属性） })，例如 click 事件的回调参数为 { map, component, mapboxEvent: { lnglat, originalEvent, point, preventDefault(), target, type } }。