生成一个html，作用是通过创建的经纬度，来在前端地图显示指定的点位

要在 HTML 中创建并显示指定经纬度的地图，您可以使用在线地图服务（如 Google Maps、Baidu Maps 等）提供的 API。

下面是一个使用 Google Maps API 的示例：

<!-- 引入 Google Maps API -->
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>

<!-- 创建一个 div，用于显示地图 -->
<div id="map"></div>

<script>
  // 创建地图
  function initMap() {
    // 设置经纬度
    var lat = 37.774929;
    var lng = -122.419416;
    var coordinates = {lat: lat, lng: lng};

    // 创建地图
    var map = new google.maps.Map(
        document.getElementById('map'), {zoom: 12, center: coordinates});

    // 在地图上显示点位
    var marker = new google.maps.Marker({position: coordinates, map: map});
  }
</script>

<!-- 调用 initMap 函数，初始化地图 -->
<script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
</script>

在上面的示例中，您需要替换 `YOUR_API_KEY` 为自己的 API 密钥，并替换 `lat` 和 `lng` 的值为所需的经纬度。

此外，您还可以使用其他在线地图服务（如 Baidu Maps、Mapbox 等）提供的 API，实现类似的功能。