原创不易~看完若对你有所帮助,记得点一个赞哈,这就是对我最大的支持了!
百度地图提供了一些API来提供动画的开发
1. ViewAnimation帧动画开发
<body>
<div id="map"></div>
<script>
// 地图对象初始化
let map = new BMapGL.Map('map');
// 地图中心坐标 - 后续地图绘制都需要这种坐标
// 百度有坐标拾取器,可以获取地点的坐标
let point = new BMapGL.Point(116.404, 39.915);
// 可以展示地图了,第二个参数zoom
map.centerAndZoom(point, 20);
// 允许鼠标滚轮滚动放大缩小
map.enableScrollWheelZoom(true);
map.setTilt(50);
map.setHeading(0);
// view-animation动画配置
// 通过heading变化进行旋转
// 通过center变化进行位移...
var keyFrames = [
{
center: new BMapGL.Point(116.307092, 40.054922),
zoom: 20,
tilt: 50,
heading: 0,
percentage: 0
},
{
center: new BMapGL.Point(116.307631, 40.055391),
zoom: 21,
tilt: 70

本文介绍了如何利用百度地图API实现ViewAnimation帧动画,通过关键帧控制地图区域的旋转展示,并展示了TrackAnimation轨迹动画,用于路径展示。详细讲解了动画配置和事件监听,以及如何配合自定义按钮控制动画。
最低0.47元/天 解锁文章
2993

被折叠的 条评论
为什么被折叠?



