Leaflet自定义地图标记未定位到真实位置问题求助

• 检查瓦片坐标系与地图CRS的一致性
  自定义瓦片必须是EPSG4326（WGS84）坐标系，若瓦片本身是EPSG3857等其他坐标系，即使地图设置了EPSG4326，也会导致坐标错位。同时确认瓦片URL的切片规则符合EPSG4326要求——该坐标系通常按纬度、经度顺序切片，和墨卡托坐标系的x/y/z规则不同。

• 修正坐标顺序
  Leaflet中L.marker()和map.setView()的坐标参数均为**[纬度, 经度]**，你提供的坐标[-0.8795599031244807, 41.624567025963344]是[经度, 纬度]顺序，需反转后使用：

  // 设置地图中心
  map.setView([41.624567025963344, -0.8795599031244807], 10);
  // 创建标记
  const marker = L.marker([41.624567025963344, -0.8795599031244807]).addTo(map);
  

• 明确配置CRS参数
  初始化地图和瓦片图层时，必须显式指定CRS为L.CRS.EPSG4326，避免默认CRS（EPSG3857）导致的坐标转换错误：

  const map = L.map('map-container', {
    crs: L.CRS.EPSG4326,
    center: [41.624567025963344, -0.8795599031244807],
    zoom: 10
  });
  
  L.tileLayer('你的自定义瓦片URL', {
    crs: L.CRS.EPSG4326,
    attribution: '自定义瓦片'
  }).addTo(map);
  

• 排查Angular环境问题
  确保Leaflet的CSS、JS文件或@asymmetrik/ngx-leaflet等封装库正确引入，无版本冲突。同时检查地图容器的样式，必须设置固定宽高（如width: 100%; height: 500px;），否则渲染异常会引发标记位置偏移。

内容的提问来源于stack exchange，提问作者Robert Blasco Villarroya