从 latlng 获取基于百分比或基于像素的 x & y 坐标

Question

我目前正在尝试从传单中的 latlng 获取百分比或像素坐标。

以下是创建地图并定义图块的脚本（取自名为“maptiler”的应用程序）

    var mapMinZoom = 0;
    var mapMaxZoom = 3;
    var map = L.map('main-map', {
        maxZoom: mapMaxZoom,
        minZoom: mapMinZoom,
        crs: L.CRS.Simple
    }).setView([0 0], mapMaxZoom);
    var mapBounds = new L.LatLngBounds(
        map.unproject([0, 1792], mapMaxZoom),
        map.unproject([2048, 0], mapMaxZoom));

    map.fitBounds(mapBounds);
    L.tileLayer('/_Content/leafletmap/{z}/{x}/{y}.png', {
        minZoom: mapMinZoom, maxZoom: mapMaxZoom,
        bounds: mapBounds,
        noWrap: true,
        tms: false
    }).addTo(map);

这里的主要要求是cordova应用程序中的离线功能，这就是我们不使用谷歌地图API的原因。

Answer 1

您可能正在寻找传单地图Conversion Methods：

• latLngToLayerPoint(latlng) 获取相对于整个地图的图层点。
• latLngToContainerPoint(latlng) 获取相对于地图容器的点（在您的情况下为'main-map'）。