首先,该问题可能是因为使用了错误的坐标系。要尝试使用适合你的位置的坐标系。其次,也可能是因为你使用了错误的标记偏移量。你需要确保这些偏移量是在正确的标记位置上才能正确地显示。以下是可能有用的示例代码:
// 导入leaflet库和marker图标
import * as L from 'leaflet';
import 'leaflet/dist/leaflet.css';
import icon from 'leaflet/dist/images/marker-icon.png';
import iconShadow from 'leaflet/dist/images/marker-icon-2x.png';
//创建marker图标
const markerIcon = L.icon({
iconUrl: icon,
shadowUrl: iconShadow,
iconAnchor: [12, 40],
shadowAnchor: [12, 40],
popupAnchor: [0, -35],
iconSize: [25, 40],
shadowSize: [41, 41],
className: 'marker-icon'
});
//创建地图
const map = L.map('map').setView([37.9733, -122.5296], 12);
//添加marker
const marker = L.marker([37.9733, -122.5296], { icon: markerIcon }).addTo(map);