Leaflet JS - 基于静态png和绘制标记创建地图

Question

我能够使用图块生成地图并绘制标记

(44,45): Matched!
(44,45: Not matched!

但我正在寻找在静态图像而不是图块层上绘制标记的方法。这是否可以与Leaflet JS

基于像素协调的图像叠加标记

mymap = L.map('map').setView([0, 0], 2);
var panBounds = L.latLngBounds(L.latLng(-300, 300), L.latLng(300, -300));
var mapBounds = L.latLngBounds(L.latLng(180, 180), L.latLng(-180, -180));
var tileLayer = L.tileLayer(tileDirectory + "/{z}/{x}/{y}.png", {
attribution: "test",
maxZoom: 4,
minZoom: 2,
continuousWorld: false,
noWrap: true,
maxBoundsViscosity: 0.0,
bounds: mapBounds //render bound
}).addTo(mymap);
//set panning bounds
mymap.setMaxBounds(panBounds);