如何显示linestring geojson和附加弹出窗口？

要显示linestring geojson并附加弹出窗口，可以使用地图可视化库，如Mapbox GL JS或Leaflet。以下是一个示例代码，展示如何实现该功能：

引入必要的库和样式文件：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Display Linestring GeoJSON with Popup</title>
  <link href="https://api.mapbox.com/mapbox-gl-js/v2.6.1/mapbox-gl.css" rel="stylesheet">
  <script src="https://api.mapbox.com/mapbox-gl-js/v2.6.1/mapbox-gl.js"></script>
  <style>
    #map {
      height: 400px;
      width: 100%;
    }
  </style>
</head>
<body>
  <div id="map"></div>
  <script>
    // 在这里编写代码
  </script>
</body>
</html>

创建地图容器并初始化地图：

mapboxgl.accessToken = 'YOUR_MAPBOX_ACCESS_TOKEN'; // 替换为你的Mapbox Access Token
var map = new mapboxgl.Map({
  container: 'map',
  style: 'mapbox://styles/mapbox/streets-v11', // 替换为你想要的地图样式
  center: [lng, lat], // 替换为地图中心点的经纬度坐标
  zoom: 10 // 替换为地图缩放级别
});

添加GeoJSON数据源和图层：

map.on('load', function() {
  map.addSource('linestring', {
    type: 'geojson',
    data: {
      type: 'Feature',
      geometry: {
        type: 'LineString',
        coordinates: [[lng1, lat1], [lng2, lat2], [lng3, lat3]] // 替换为Linestring的坐标数组
      }
    }
  });

  map.addLayer({
    id: 'linestring',
    type: 'line',
    source: 'linestring',
    paint: {
      'line-color': '#ff0000', // 替换为Linestring的颜色
      'line-width': 2 // 替换为Linestring的宽度
    }
  });
});

添加弹出窗口：

map.on('click', 'linestring', function(e) {
  var coordinates = e.features[0].geometry.coordinates;
  var popupContent = '<h3>Popup Content</h3>'; // 替换为弹出窗口的内容

  new mapboxgl.Popup()
    .setLngLat(coordinates[0])
    .setHTML(popupContent)
    .addTo(map);
});

在上述代码中，你需要将YOUR_MAPBOX_ACCESS_TOKEN替换为你的Mapbox Access Token，lng和lat替换为地图中心点的经纬度坐标，lng1, lat1, lng2, lat2, lng3, lat3替换为Linestring的坐标数组，popupContent替换为弹出窗口的内容。

这样，当用户点击Linestring时，将会弹出一个带有自定义内容的弹出窗口。

推荐的腾讯云相关产品：腾讯云地图服务（https://cloud.tencent.com/product/maps）