Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在谷歌地图中显示两个标记之间的路径_Javascript_Google Maps_Google Maps Api 3 - Fatal编程技术网

Javascript 如何在谷歌地图中显示两个标记之间的路径

Javascript 如何在谷歌地图中显示两个标记之间的路径,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我有两个latlong值。我需要显示3个latlong值之间的路径。如何在两个标记之间画线。我需要显示标记之间的路径,这样我们才能知道运动 <script> function initMap() { var myLatLng = { lat: 17.446507, lng: 78.383033}; var myLatLng1 = { lat: 17.428888, lng: 78.384444 }; var map = n

我有两个latlong值。我需要显示3个latlong值之间的路径。如何在两个标记之间画线。我需要显示标记之间的路径,这样我们才能知道运动

<script>

    function initMap() {
        var myLatLng = { lat: 17.446507, lng: 78.383033};
        var myLatLng1 = { lat: 17.428888, lng: 78.384444 }; 

        var map = new google.maps.Map(document.getElementById('map'), {
            zoom: 18,
            center: myLatLng,
        });
        var map = new google.maps.Map(document.getElementById('map'), {
            zoom: 14,
            center: myLatLng1
        });


        var marker = new google.maps.Marker({
            position: myLatLng,
            map: map,
            title: 'Asset 1',
            animation: google.maps.Animation.DROP,

        });
        marker.addListener('click', toggleBounce);

        var marker = new google.maps.Marker({
            position: myLatLng1,
            map: map,
            title: 'Hello World!',
            icon:image
        });        
    }       
  }
</script>

函数initMap(){
var Mylatng={lat:17.446507,lng:78.383033};
var myLatLng1={lat:17.428888,lng:78.384444};
var map=new google.maps.map(document.getElementById('map'){
缩放:18,
中心:myLatLng,
});
var map=new google.maps.map(document.getElementById('map'){
缩放:14,
中心:myLatLng1
});
var marker=new google.maps.marker({
职位:myLatLng,
地图:地图,
标题:“资产1”,
动画:google.maps.animation.DROP,
});
marker.addListener('click',toggleBounce);
var marker=new google.maps.marker({
位置:myLatLng1,
地图:地图,
标题:“你好,世界!”,
图标:图像
});        
}       
}

创建一个具有中心和缩放的地图对象,然后使用具有不同中心和缩放的地图对象覆盖它,不知道为什么

只要用这些坐标创建一条多段线

       var pathBetween = new google.maps.Polyline({
      path: [myLatLng,myLatLng1],
      strokeColor: '#FF0000',
      strokeOpacity: 1.0,
      strokeWeight: 2
    });

    pathBetween.setMap(map);

。。。并且应该显示一行…

参见文档中的示例。例如,可能与我试图捕获的10个最新latlong值重复,显示对象似乎正在从一个位置移动到另一个位置。好的,那么这更像是一个数学问题。。。简而言之你有一条有两个点的线,把这条线分成10张相等的图片,计算每一块的坐标,然后用这10个坐标创建标记,这里有一个链接让你开始。。。。