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