Leaflet 传单播放位置标记

Leaflet 传单播放位置标记,leaflet,Leaflet,我正在使用回放插件,我正在图像覆盖上使用它 在放置标记之前,我需要缩放楼层地图。通过插件,标记被放置在地图之外的某个地方 我能够解决GPS跟踪的问题,我编写了一个函数来缩放地图并将标记放置在图层属性的pointToLayer方法中 我也想为马克做同样的事。感谢您的帮助 const playbackOptions = { playControl: true, dateControl: true, orientIcons: true, fadeMarkersWhe

我正在使用回放插件,我正在图像覆盖上使用它

在放置标记之前,我需要缩放楼层地图。通过插件,标记被放置在地图之外的某个地方

我能够解决GPS跟踪的问题,我编写了一个函数来缩放地图并将标记放置在图层属性的pointToLayer方法中

我也想为马克做同样的事。感谢您的帮助

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坐标,可能更容易实际执行相反操作,即永久性地对图像覆盖进行一次地理参考,而不是试图摆弄试图显示的每个特征相对于图像的地理坐标