Leaflet 传单播放位置标记
我正在使用回放插件,我正在图像覆盖上使用它 在放置标记之前,我需要缩放楼层地图。通过插件,标记被放置在地图之外的某个地方 我能够解决GPS跟踪的问题,我编写了一个函数来缩放地图并将标记放置在图层属性的pointToLayer方法中 我也想为马克做同样的事。感谢您的帮助Leaflet 传单播放位置标记,leaflet,Leaflet,我正在使用回放插件,我正在图像覆盖上使用它 在放置标记之前,我需要缩放楼层地图。通过插件,标记被放置在地图之外的某个地方 我能够解决GPS跟踪的问题,我编写了一个函数来缩放地图并将标记放置在图层属性的pointToLayer方法中 我也想为马克做同样的事。感谢您的帮助 const playbackOptions = { playControl: true, dateControl: true, orientIcons: true, fadeMarkersWhe
const playbackOptions = {
playControl: true,
dateControl: true,
orientIcons: true,
fadeMarkersWhenStale: true,
// layer and marker options
layer: {
pointToLayer(featureData, latlng) {
const { lat, lng } = latlng;
let result = {};
if (featureData && featureData.properties && featureData.properties.path_options) {
result = featureData.properties.path_options;
}
if (!result.radius) {
result.radius = 5;
}
const scaleX = width / details.width;
const scaleY = height / details.length;
const m = {
x: lat * scaleX,
y: lng * scaleY,
};
const iconCls = 'asset-icon';
const item = L.marker(self.map.unproject([m.x, m.y], self.map.getMaxZoom()), {
icon: makeMarker(iconCls, 0),
opacity: 0.9,
type: 'asset',
lat,
lng,
});
item.bindTooltip(`<p>${lat}, ${lng}`, { className: 'asset-label', offset: [0, 0] });
return item;
}
},
marker: {
getPopup(featureData) {
let result = '';
if (featureData && featureData.properties && featureData.properties.title) {
result = featureData.properties.title;
}
return result;
}
}
};
const播放选项={
播放控制:是的,
日期控制:对,
东方人:没错,
FadeMarkers Whenstale:没错,
//图层和标记选项
图层:{
pointToLayer(特性数据、latlng){
常数{lat,lng}=latlng;
让结果={};
if(featureData&&featureData.properties&&featureData.properties.path\u选项){
结果=featureData.properties.path\u选项;
}
如果(!result.radius){
结果:半径=5;
}
const scaleX=宽度/细节.width;
const scaleY=高度/细节.length;
常数m={
x:lat*scaleX,
y:lng*scaleY,
};
常量图标='资产图标';
const item=L.marker(self.map.unproject([m.x,m.y],self.map.getMaxZoom()){
图标:makeMarker(图标,0),
不透明度:0.9,
类型:“资产”,
拉特,
液化天然气,
});
item.bindTooltip(`${lat},${lng}`,{className:'asset label',偏移量:[0,0]});
退货项目;
}
},
标记:{
getPopup(featureData){
让结果=“”;
if(featureData&&featureData.properties&&featureData.properties.title){
结果=featureData.properties.title;
}
返回结果;
}
}
};
如果检索实际GPS坐标,可能更容易实际执行相反操作,即永久性地对图像覆盖进行一次地理参考,而不是试图摆弄试图显示的每个特征相对于图像的地理坐标