1. var LineString = new ol.Feature({
    2. geometry:new ol.geom.LineString([
    3. [114,30],[120,30]
    4. ])
    5. })
    6. # tips:线要素是一个二维数组
    1. <body>
    2. <div id="map_container">
    3. </div>
    4. <script>
    5. /* 一、渲染地图 */
    6. const map = new ol.Map({
    7. target: 'map_container',
    8. layers: [TianDiMap_vec, TianDiMap_cva],
    9. view: new ol.View({
    10. projection: 'EPSG:4326', // 经纬度坐标系(默认是默卡托坐标系)
    11. center: [0, 0],
    12. zoom: 4
    13. })
    14. })
    15. /* 1、创建一个线要素 */
    16. const Line = new ol.Feature({
    17. geometry:new ol.geom.LineString([
    18. [0,10],[10,10]
    19. ])
    20. })
    21. /* 2、设置线的样式 */
    22. Line.setStyle(new ol.style.Style({
    23. //边线颜色
    24. stroke: new ol.style.Stroke({
    25. color: '#ff2d51',
    26. width: 2
    27. })
    28. }));
    29. /* 3、设置数据源 */
    30. var source = new ol.source.Vector({
    31. features:[Line]
    32. })
    33. /* 4、创建图层 */
    34. var vector = new ol.layer.Vector({
    35. source:source
    36. })
    37. /* 5、将图层添加到地图容器中 */
    38. map.addLayer(vector)
    39. </script>
    40. </body>