一、vue3使用L7地图

bingduYu

已于 2024-02-02 10:00:41 修改

阅读量735

点赞数 6

分类专栏： L7地图 Yu的前端凑数笔记文章标签： vue.js 前端 javascript

于 2024-01-22 18:11:45 首次发布

本文链接：https://blog.csdn.net/Yugoup/article/details/135754761

版权

Yu的前端凑数笔记同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

L7地图

7 篇文章 0 订阅

订阅专栏

1、安装@antv/l7，@antv/l7-maps
2、引入需要的模块，先引入Scene 和GaodeMapV1
3、官网是 GaodeMap ，但是我这报错，查了一下用GaodeMapV1，
得搭配scene.map.add(new AMap.TileLayer.Satellite())
4、监听scene.on('loaded', () => {}）

import { Scene } from '@antv/l7'
import { GaodeMapV1 } from '@antv/l7-maps'//使用高德地图

let scene
scene = new Scene({
    id: 'map',
    map: new GaodeMapV1({
      style: 'light',//地图颜色
      center: [116.119318, 40.093003],//中心点
      //token: token
    }),
    logoVisible: false//是否显示logo
  })

scene.on('loaded', () => {
	scene.map.add(new AMap.TileLayer.Satellite())
}