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

Question

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

下面是创建 map 并定义图 block 的脚本(取自名为“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

您可能正在寻找传单 map Conversion Methods :

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