在线poi

该框架提供在线poi

代码实例

<script setup lang="ts">
import { onMounted, onBeforeUnmount, ref, watch } from 'vue'
const LarkExplorer = window.LarkExplorer
let map: any
onMounted(() => {
  LarkExplorer.ready({
    baseUrl: './dist/resources/',
  }).then(initMap)
})

function initMap() {
  // 默认谷歌影像地图
  const baseImagery = LarkExplorer.BaseLayer.DefaultTdtImg

  // 默认全球地形
  const baseTerrain = LarkExplorer.BaseLayer.DefaultTerrain

  map = new LarkExplorer.Map('map', baseImagery, baseTerrain)
  initView()
}
function initView() {
  const status = {
    position: {
      x: -2185591.5394355264,
      y: 4401786.6213633185,
      z: 4076525.0618230435,
    },
    hpr: {
      heading: 6.126130316862198,
      pitch: -1.4997006529846066,
      roll: 0.04886634548534996,
    },
  }
  map.Navigation.flyToPos(status, 3)
  console.log(map)
}
const input = ref('')
watch(input, () => {
  resultList.value = []
})
const resultList = ref<any[]>([])
const poiByGd = async () => {
  const value = input.value
  if (value && value.trim() != '') {
    resultList.value = await LarkExplorer.WebApi.Poi.poiByGd(input.value)
    console.log('POI查询结果：', resultList.value)
  }
}
</script>

运行效果 更多示例