在Leaflet地圖中，要實現自定義標記，你可以使用L.Marker類。以下是一個簡單的示例，展示了如何在Leaflet地圖上創建自定義標記：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Leaflet自定義標記示例</title>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
<style>
#map {
height: 400px;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
// 在此處添加JavaScript代碼
</script>
</body>
</html>
<script>標簽內添加以下JavaScript代碼，以創建一個Leaflet地圖實例，并在地圖上添加自定義標記：// 創建地圖實例
const map = L.map("map").setView([51.505, -0.09], 13);
// 添加地圖圖層
L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", {
attribution: "© <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a> contributors"
}).addTo(map);
// 創建自定義標記
const customMarker = L.marker([51.5, -0.09], {
icon: L.icon({
iconUrl: "path/to/your/custom-marker-icon.png", // 自定義標記圖標的URL
iconSize: [32, 32], // 標記圖標的大小（寬度和高度）
iconAnchor: [16, 32], // 標記圖標錨點的位置（x和y坐標）
popupAnchor: [0, -32] // 彈出框錨點的位置（x和y坐標）
}),
title: "自定義標記標題", // 標記的標題
popupContent: "這是自定義標記的彈出框內容。" // 彈出框的內容
}).addTo(map);
在這個示例中，我們創建了一個Leaflet地圖實例，并添加了一個地圖圖層。然后，我們創建了一個自定義標記，設置了標記的圖標、標題和彈出框內容，并將標記添加到地圖上。
請確保將iconUrl屬性的值替換為你自己的自定義標記圖標的URL。
