飞行定位

<template>
  <sm-web-map server-url="https://iportal.supermap.io/iportal/" map-id="801571284">
    <sm-fly-to position="top-right" :data="data" :fly-options="flyOptions" />
  </sm-web-map>
</template>

<script>
new Vue({
  el: '#main',
  data() {
    return {
      data: [
        [116.3903883, 39.9136222],
        [105.68580487277251, 38.8400787556366],
        [108.94619230956272, 34.35034526669675]
      ],
      flyOptions: {
        duration: 2000,
        bearing: -26,
        zoom: 8.2,
        pitch: 60
      }
    };
  }
});
</script>

Attributes

参数	说明	类型	可选值	默认值
data	坐标。支持自定义坐标和飞行配置项	array<[number, number]> | array<CustomObject>	-	-
flyOptions	默认飞行配置项 (opens new window)（data 数据项中没有自定义飞行配置项时，默认飞行配置项才生效。）	object	-	-
autoplay	是否自动播放	boolean	-	true
interval	自动播放的时间间隔。单位为毫秒	number	-	3000
immediate	首次加载时是否立即播放	boolean	-	false
loop	是否循环播放	boolean	-	true
initialIndex	首次加载播放的数据项索引。从 0 开始	number	-	0
activeIndex	激活播放的数据项索引。从 0 开始	number	-	-
showController	是否显示控制器界面	boolean	-	true
iconClass	收缩按钮的 Font class 类名	string	-	'sm-components-icon-flyto'
headerName	标题名	string	-	'飞行定位'

支持主题混入参数和卡片混入参数和 Control 混入参数

CustomObject

参数	说明	类型	可选值	默认值
location	中心点坐标	array	-	-
flyOptions	飞行配置项 (opens new window)	object	-	-

Events

name	说明	回调参数
change	飞行定位完成时触发	function({ activeIndex: 激活播放的数据项索引 })

Methods

名称	描述
goTo(index)	指定激活播放某一数据项
next()	激活播放播放到下一数据项
prev()	激活播放播放到上一数据项

仅支持 $ref (opens new window) 引用组件实例的方式调用