openlayers在坐标处画点

• 不适用openlayers的控件，在指定位自动生成圆（或点）

效果如下：

代码如下：（省略html部分）

new ol.Map({
    target: 'map',
    view: new ol.View({
        center: ol.proj.fromLonLat([116.359506, 35.302920]),
        zoom: 2
    }),
    layers: [
        // 底图图层
        new ol.layer.Tile({
            source: new ol.source.OSM()
        }),
        // 点图层(添加点的方法同上)
        new ol.layer.Vector({
            source: new ol.source.Vector({
                features: [new ol.Feature({
                    geometry: new ol.geom.Point(ol.proj.fromLonLat([116.359506, 35.302920]))
                })]
            }),
            style: new ol.style.Style({
                image: new ol.style.Circle({
                    radius: 5,
                    fill: new ol.style.Fill({
                        color: 'red'
                    }),
                    stroke: new ol.style.Stroke({
                        color: 'red',
                        size: 1
                    })
                })
            })
        })
    ]
})

红色的小圆点就是我的家乡，希望你也能标出你的家乡，勿忘家乡…