Leafletjs显示我的位置标记，而不是硬编码的位置

Leaflet.js是一个开源的JavaScript库，用于创建交互式地图应用程序。它提供了丰富的功能和灵活的API，使开发者能够轻松地在网页上显示地图、标记位置、添加图层等操作。

要在Leaflet.js中显示当前位置的标记，可以使用浏览器的地理定位功能来获取用户的位置信息。以下是一种实现方法：

引入Leaflet.js库和相关样式文件：

<link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>

创建一个地图容器：

<div id="map" style="width: 100%; height: 400px;"></div>

编写JavaScript代码来初始化地图和显示位置标记：

// 初始化地图
var map = L.map('map').setView([0, 0], 13);

// 添加地图图层
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
  attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors',
  maxZoom: 18,
}).addTo(map);

// 获取当前位置并在地图上显示标记
navigator.geolocation.getCurrentPosition(function(position) {
  var lat = position.coords.latitude;
  var lng = position.coords.longitude;
  
  L.marker([lat, lng]).addTo(map)
    .bindPopup('Your Location')
    .openPopup();
});

在上述代码中，我们首先创建了一个地图容器，并使用Leaflet.js提供的默认图层来显示地图。然后，通过navigator.geolocation.getCurrentPosition方法获取用户的当前位置信息，并将位置标记添加到地图上。

Leaflet.js的优势在于它具有轻量级、易于使用和丰富的功能。它支持各种地图图层、标记、矢量图形、交互操作等，可以满足各种地图应用的需求。

Leaflet.js的应用场景包括但不限于：