Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/365.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.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 移动Openstreet地图上的标记-传单API_Javascript_Openstreetmap_Leaflet - Fatal编程技术网

Javascript 移动Openstreet地图上的标记-传单API

Javascript 移动Openstreet地图上的标记-传单API,javascript,openstreetmap,leaflet,Javascript,Openstreetmap,Leaflet,伙计们,我是使用openstreetmaps的新手。我在上面放了一些带有自定义图标的标记,嵌入了弹出窗口等。现在,我真的需要知道如何在Openstreet地图上移动标记。我正在使用传单API实现它。letlet官方网站的文档中没有关于marker动画的b/w两点。请帮帮我,因为我不懂。给我一些链接或博客或一些关于它的帮助材料 谢谢。API中有L.PosAnimation可以执行以下操作: 对于更复杂的方法,您可以查看以下插件: 添加脚本,然后使用: var myMovingMarker =

伙计们,我是使用openstreetmaps的新手。我在上面放了一些带有自定义图标的标记,嵌入了弹出窗口等。现在,我真的需要知道如何在Openstreet地图上移动标记。我正在使用传单API实现它。letlet官方网站的文档中没有关于marker动画的b/w两点。请帮帮我,因为我不懂。给我一些链接或博客或一些关于它的帮助材料


谢谢。

API中有L.PosAnimation可以执行以下操作:

对于更复杂的方法,您可以查看以下插件:

添加脚本,然后使用:

var myMovingMarker = L.Marker.movingMarker([[48.8567, 2.3508],[50.45, 30.523333]], [20000]).addTo(map);

myMovingMarker.start();

使用传单.MovingMarker:

    //MovingMarker Options
                        var animationMarker = L.Marker.movingMarker(
                            [[48.8567, 2.3508],[50.45, 30.523333]],
                            20000, {autostart: true});
    // Custom Icon Object
                        var greenIcon = L.icon({
                            iconUrl: 'icon.png',
                        });
   // Set icon to movingMarker
                        animationMarker.options.icon = greenIcon;
   // Add marker to Map
                        map.addLayer(animationMarker );

你有这个插件来传单,当你有了一个新的位置时,你不需要做一个.setlatlng()和标记跳到那个位置,你做一个.slideTo()和标记将滑动到那个新的位置,你不需要一组位置作为传单。MovingMarker,你只需git新的一个,它会为你做一切例如:

点击地图,标记将滑动到新位置

#地图{
高度:500px;
宽度:80%;
}
var导出={};
//我们将添加一个平铺层以添加到地图中,在本例中,它是一个OSM平铺层。
//创建平铺层通常需要为平铺图像设置URL模板
var osmUrl='http://{s}.tile.osm.org/{z}/{x}/{y}.png',
osmAttrib='&复制;投稿人,,
osm=L.tileLayer(osmUrl{
maxZoom:18,
署名:奥斯马特里布
});
//使用给定的中心和缩放在“map”div上初始化贴图
var map=L.map('map').setView([19.04469,72.9258],1).addLayer(osm);
var标记=新的漂移标记([19.04469,72.9258]{
真的,
标题:“资源位置”,
alt:“资源位置”,
riseOnHover:正确
}).addTo(地图)
.bindPopup(“测试”).openPopup();
//用于在地图上添加标记的脚本单击
函数onMapClick(e){
标记器。滑动至(如板条{
持续时间:2000年
});
}
map.on('click',onmaclick);
marker.slideTo([20,20]{
持续时间:2000年
});

您可以通过
marker.setLatLng()
设置标记的位置。你可能会实现自己的动画…这可能是一个头痛的实现自己的动画。这个API不支持任何方法来实现这一点吗??任何方法,如
MoveMarker(起点、终点、速度)
!!!你知道如何自定义移动图标吗?