googlemaps v3中的分隔多段线

nmpmafwu  于 2021-06-24  发布在  Mysql
关注(0)|答案(0)|浏览(283)

我在做一个用gps追踪器记录我的鸟的系统。来自gps跟踪器的数据存储在mysql数据库中。现在我正在尝试制作一个像FlightRader24这样的查看器来描绘这些鸟,看看它们在哪里。
我正在努力读出多条多段线。我要做的是用for循环读出每一条鸟的路线,一只一只地收集每一条路线。但问题是它连接了鸟1和鸟2的路径,我想把它们分开。
连接路径的当前系统
我的代码:

<script>
  function initialize() {
    var mapOptions = {
      zoom: 2,
      center: new google.maps.LatLng(0,0),
      mapTypeId: google.maps.MapTypeId.TERRAIN,
      disableDefaultUI: true,
      gestureHandling: 'greedy'

    };
    var map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);
    <?php
    echo 'var birdTracks = [';
    for ($x = 0; $x <= 99; $x++) {
        $query = mysqli_query($connection,"SELECT * FROM route WHERE falcon_id = '$x'");
        while($row = mysqli_fetch_assoc($query)){
           $lat = $row['lat'];
           $lon = $row['lng'];
            echo 'new google.maps.LatLng('.$lat.', '.$lon.'),'; // Echo begin position
         }
       }
       echo '];';
       ?>

       var colors = ["#ff1663"];

       for (var i = 0; i < birdTracks.length ; i++) {
        var flightPath = new google.maps.Polyline({
          path: birdTracks,
          geodesic: true,
          strokeColor: colors[i],
          strokeOpacity: 1.0,
          strokeWeight: 4
        });
        console.log(colors[i]);
      }

      flightPath.setMap(map);
    }
    google.maps.event.addDomListener(window, 'load', initialize);

  </script>

我想的是一个用for循环创建多个birdtrack数组的解决方案。但我不能让它工作。

暂无答案!

目前还没有任何答案,快来回答吧!

相关问题