mapv的使用记录

最新推荐文章于 2025-05-07 09:05:23 发布

Tiny2017

最新推荐文章于 2025-05-07 09:05:23 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端学习

本文链接：https://blog.youkuaiyun.com/Tiny2017/article/details/114917970

前端学习专栏收录该内容

16 篇文章

订阅专栏

1.api
2.官方示例
3.在leaflet中使用

引入：
方法一：<script src="http://mapv.baidu.com/build/mapv.js"></script>
方法二：cnpm install mapv 导入mapv的依赖

import { tiandituTileLayer } from '@/libs/wmtslayer/L.TiandituTileLayer'
import 'mapv'
import * as mapv from 'mapv'
//地图初始化，外网
let map = L.map(mapId, {
  crs: L.CRS.TianDiTu_MercatorCRS, //坐标参考系统
  center: mapCenter, //经纬度
  zoom: 12, //放大等级
  minZoom: 0,
  maxZoom: 17,
  logoControl: false, // 隐藏logo版权
  zoomControl: false, // 缩放控件
  attributionControl: false // 隐藏文字版权
})

其他参考官方实例来

与百度地图不同：mapvLayer = new mapv.baiduMapLayer(map, geojsonDataSet, geojsonOptions);
在leaflet中使用时：mapvLayer = new mapv.leafletMapLayer(timeDataSet, timeOptions).addTo(map);

其中
Openlayer：new mapv.OpenlayersLayer ()
百度地图：new mapv.baiduMapLayer ()
Leaflet：new mapv.leafletMapLayer()
maptalk: new mapv.MaptalksLayer()
google: new googleMapLayer()