<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> body, html,#all
map {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";} </style> <script src="https://
mapopen.bj.bcebos.com/github/B
MapGLLib/TrackAnimation/src/TrackAnimation.min.js"></script> <script type="text/javascript" src="https://api.
map.baidu.com/api?type=webgl&v=1.0&ak=074dY2RoMMH4SyyTDbynsGczVA4j10fh"></script> <title>视角动画</title> </head> <body> <div id="all
map"></div> </body> </html> <script type="text/javascript"> // GL版命名空间为B
MapGL // 按住鼠标右键，修改倾斜角和角度 var b
map = new B
MapGL.
Map("all
map"); // 创建
Map实例 b
map.centerAndZoom(new B
MapGL.Point(108.905101,34.374882), 19); // 初始化地图,设置中心点坐标和地图级别 b
map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放 var path = [{ 'lng': 108.536126, 'lat': 34.222125 }, { 'lng': 108.536455, 'lat': 34.222400 }, { 'lng': 108.536935, 'lat': 34.222533 }, { 'lng': 108.537364, 'lat': 34.222679 }, { 'lng': 108.537556, 'lat': 34.222759 }, { 'lng': 108.537633, 'lat': 34.222802 }, { 'lng': 108.537929, 'lat': 34.222794 }]; var point = []; for (var i = 0; i < path.length; i++) { point.push(new B
MapGL.Point(path[i].lng, path[i].lat)); } var pl = new B
MapGL.Polyline(point); setTimeout('start()', 3000); function start () { trackAni = new B
MapGLLib.TrackAnimation(b
map, pl, { overallView: true, tilt: 30, duration: 20000, delay: 300 }); trackAni.start(); } </script>
369
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
