Leaflet 单击移动标记后,地图如何居中于移动标记?
我在传单上使用了移动标记。多亏了User863,我知道如何使用这个插件。在本例中,我希望将地图居中放置在标记处:Leaflet 单击移动标记后,地图如何居中于移动标记?,leaflet,Leaflet,我在传单上使用了移动标记。多亏了User863,我知道如何使用这个插件。在本例中,我希望将地图居中放置在标记处: var map = L.map('Lmap').setView([60, 10], 10); L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { maxZoom: 18, fadeAnimation: false, zoomAnimation: false, markerZoomAni
var map = L.map('Lmap').setView([60, 10], 10);
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
maxZoom: 18,
fadeAnimation: false,
zoomAnimation: false,
markerZoomAnimation: false,
attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors',
}).addTo(map);
let motionLine = L.motion.polyline([[50, 0], [60, 10]], {
color: "transparent"
}, {
auto: true,
duration: 3000,
easing: L.Motion.Ease.easeInOutQuart
}, {
removeOnEnd: false,
icon: L.divIcon({
html: "<i class='fa fa-car fa-2x' aria-hidden='true'></i>",
iconSize: L.point(27.5, 24)
})
}).addTo(map);
let marker = motionLine.__marker;
marker.on('click', onClick);
function onClick(e) {
map.setView(e.target.getLatLng(),10);
}
它仅在用户单击标记后才起作用。如何跟踪标记并使地图保持在标记的中心
感谢您的建议。使用传单标记的活动
VarMap=L.map'Lmap'.setView[60,10],10;
L.tileLayer'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'{
maxZoom:18,
fadeAnimation:错误,
动物感染:错,
markerZoomAnimation:错误,
属性:“©;参与者”,
}.addTomap;
var motionLine=L.motion.polyline[
[59, 9],
[60, 10]
], {
颜色:透明
}, {
是的,
持续时间:10000,
放松:L.Motion.Ease.linear
}, {
移除:错误,
图标:L.divIcon{
html:,
iconSize:L.point27.5,24
}
}.addTomap;
var marker=motionLine.getMarker;
标记。单击,再单击;
函数onclick{
alertthis.getLatLng;
}
标记器。在“移动”中,功能{
map.setviewshis.getLatLng
};
Lmap{
位置:绝对位置;
顶部:35px;
左:0;
宽度:100%;
身高:80%
}
谢谢@User863。我怎样才能停止移动?试试motionLine.motionStop。请仔细阅读报告