Javascript 如何在谷歌地图中显示两个标记之间的路径
我有两个latlong值。我需要显示3个latlong值之间的路径。如何在两个标记之间画线。我需要显示标记之间的路径,这样我们才能知道运动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
<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个坐标创建标记,这里有一个链接让你开始。。。。