蛇形路线动态展示
所属分类：其他
开发工具：JavaScript
文件大小：1187KB
下载次数：6
上传日期：2020-10-12 10:12:57
上 传 者：
ccccccc123333
说明： leaflet地图上按蛇形路线动态展示，可展示路径功能的示例demo
(On the map of leaflet, the snake route is displayed dynamically, and the demo of path function can be displayed)
文件列表:
蛇形路线动态展示\bower.json (588, 2018-12-28)
蛇形路线动态展示\demo-group.gif (112785, 2018-12-28)
蛇形路线动态展示\demo-group.html (2247, 2018-12-28)
蛇形路线动态展示\demo.gif (127934, 2018-12-28)
蛇形路线动态展示\demo.html (1571, 2020-07-27)
蛇形路线动态展示\GaoDeMap.js (2499, 2020-07-27)
蛇形路线动态展示\L.Polyline.SnakeAnim.js (5074, 2018-12-28)
蛇形路线动态展示\leaflet1.6.0\images\layers-2x.png (1259, 2019-11-17)
蛇形路线动态展示\leaflet1.6.0\images\layers.png (696, 2020-05-27)
蛇形路线动态展示\leaflet1.6.0\images\marker-icon-2x.png (2464, 2019-11-17)
蛇形路线动态展示\leaflet1.6.0\images\marker-icon.png (1466, 2020-05-27)
蛇形路线动态展示\leaflet1.6.0\images\marker-shadow.png (797, 2020-05-27)
蛇形路线动态展示\leaflet1.6.0\images\spritesheet-2x.png (2078, 2019-04-17)
蛇形路线动态展示\leaflet1.6.0\images\spritesheet.png (1056, 2019-04-17)
蛇形路线动态展示\leaflet1.6.0\images\spritesheet.svg (4975, 2020-05-27)
蛇形路线动态展示\leaflet1.6.0\leaflet-src.esm.js (407330, 2019-11-17)
蛇形路线动态展示\leaflet1.6.0\leaflet-src.esm.js.map (774686, 2019-11-17)
蛇形路线动态展示\leaflet1.6.0\leaflet-src.js (528211, 2020-05-28)
蛇形路线动态展示\leaflet1.6.0\leaflet-src.js.map (774780, 2019-11-17)
蛇形路线动态展示\leaflet1.6.0\leaflet.css (14268, 2020-05-27)
蛇形路线动态展示\leaflet1.6.0\leaflet.draw.css (7299, 2020-05-27)
蛇形路线动态展示\leaflet1.6.0\leaflet.draw.js (125014, 2020-05-28)
蛇形路线动态展示\leaflet1.6.0\leaflet.js (142673, 2019-11-17)
蛇形路线动态展示\leaflet1.6.0\leaflet.js.map (196265, 2019-11-17)
蛇形路线动态展示\package.json (546, 2018-12-28)
蛇形路线动态展示\route.js (1143453, 2018-12-28)
蛇形路线动态展示\leaflet1.6.0\images (0, 2020-07-27)
蛇形路线动态展示\leaflet1.6.0 (0, 2020-07-27)
蛇形路线动态展示 (0, 2020-07-27)
# Leaflet.Polyline.SnakeAnim
A plugin for [LeafletJS](http://www.leafletjs.com) to make polylines animate into existence.
Animation is time- and distance- based: the more time elapsed into the animation,
the longer the visible length of the polyline.
Also works on layer groups:
Current version works only with Leaflet 1.1 or higher.
### API
New method in both `L.Polyline` and `L.LayerGroup`: `snakeIn()`. Call it to
trigger the animation.
New option in `L.Polyline`: `snakingSpeed`. This is the speed of the animation,
in pixels per second. Pixels refer to the length of the polyline at the current
zoom level. The default value is 200.
New option in `L.LayerGroup`: `snakingPause`. This is the number of milliseconds
to wait between layers in the group when doing a snaking animation.
```js
var line = L.polyline(latlngs, {snakingSpeed: 200});
line.addTo(map).snakeIn();
```
```js
var route = L.layerGroup([
L.marker(airport1),
L.polyline([airport1, airport2]),
L.marker(airport2)
], { snakingPause: 200 });
route.addTo(map).snakeIn();
```
When a polyline or layer group is performing the snaking animation, it will
fire `snakestart`, `snake` and `snakeend` events.
### Legalese
"THE BEER-WARE LICENSE":
wrote this file. As long as you retain this notice you
can do whatever you want with this stuff. If we meet some day, and you think
this stuff is worth it, you can buy me a beer in return.
近期下载者：
相关文件：
收藏者：