:::tips new ol.geom.Point([114.30,30.50]) //此处传递的是数组 :::

    1. <body>
    2.     <div id="map_container">
    4.     </div>
    5.     <script>
    6.         /* 一、渲染地图 */
    7.         const map = new ol.Map({
    8.             target: 'map_container',
    9.             layers: [TianDiMap_vec, TianDiMap_cva],
    10.             view: new ol.View({
    11.                 projection: 'EPSG:4326', // 经纬度坐标系(默认是默卡托坐标系)
    12.                 center: [114, 30],
    13.                 zoom: 4
    14.             })
    15.         })
    16.         /* 一、绘制点 */
    17.         /* 1、创建要素类 */
    18.         const point =  new ol.Feature({
    19.             /* 创建点 */
    20.             geometry:new ol.geom.Point([114.4,30.6])
    21.         })
    22.         /* 2、设置样式 */
    23.         point.setStyle(
    24.             new ol.style.Style({
    25.                 // 形状
    26.                 image:new ol.style.Circle({
    27.                     radius:17,
    28.                     /* 填充色 */
    29.                     fill:new ol.style.Fill({
    30.                         color:'rgba(0,0,0,0.5)'
    31.                     }),
    32.                     /* 描边 */
    33.                     stroke:new ol.style.Stroke({
    34.                         color:'#ff2d51',
    35.                         width:2
    36.                     })
    37.                 })
    38.             })
    39.         )
    40.         /* 3、创建数据源    创建要素*/
    41.         const source= new ol.source.Vector({
    42.             features:[point]
    43.         })
    44.         /* 4、创建图层 */
    45.         const vector = new ol.layer.Vector({
    46.             source:source
    47.         })
    48.         /* 5、将图层添加到地图 */
    49.         map.addLayer(vector)
    50.     </script>
    51. </body>