跳到主要内容
版本：1.1.0

迁徙图

迁徙图是在地图中动态、实时地展示数据的迁徙轨迹和迁徙量级，直观查看数据的来源和去向。需要引入turf.js。

show
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>迁徙图</title>
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"/>
    <style>
        body {
            margin: 0;
            padding: 0;
        }

        #map {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 100%;
        }
    </style>
    <script src="https://delivery.mapmost.com/cdn/sdk/lite/v1.1.0/mapmost-lite-min.js"></script>
    <script src="https://unpkg.com/@turf/turf@6/turf.min.js"></script>
</head>
<body>
<div id="map"></div>
<script>
    let map = new mapmost.Map({
        container: 'map',
        style: "<your style url>",
        center: [120.70899820084962, 31.339048513540533],
        zoom: 14,
        pitch: 0,
        bearing: 0,
        userId: '***', // 授权码,此参数务必添加
    });

    map.on('load', function () {
        // 数据
        let data = [
            {
                coords: [[120.70254950835465, 31.34452333816192], [120.72899820084962, 31.339048513540533]],
            },
            {
                coords: [[120.71146083590128, 31.328411691268002], [120.72899820084962, 31.339048513540533]],
            },
            {
                coords: [[120.6919983801705, 31.330883608912274], [120.72899820084962, 31.339048513540533]],
            },
            {
                coords: [[120.69473931280976, 31.347288081092003], [120.72899820084962, 31.339048513540533]],
            }];

        let a =  map.addMigrationLayer({
            id:'test',
            data:data,
            pointImgUrl:'./point.png'
        })

        map.on('click',function(){
            a.remove();
        })
    });
</script>
</body>
</html>