openlayer 单击画点
时间: 2023-08-30 13:12:08 浏览: 223
在 OpenLayers 中,你可以通过监听地图的 click 事件来实现单击画点的功能。下面是一个简单的示例代码:
```javascript
// 创建一个地图实例
var map = new ol.Map({
target: 'map',
layers: [
new ol.layer.Tile({
source: new ol.source.OSM()
})
],
view: new ol.View({
center: ol.proj.fromLonLat([0, 0]),
zoom: 2
})
});
// 监听地图的 click 事件
map.on('click', function(event) {
// 获取点击的坐标
var coordinate = event.coordinate;
// 创建一个新的点要素
var pointFeature = new ol.Feature({
geometry: new ol.geom.Point(coordinate)
});
// 创建一个矢量图层,并添加点要素
var vectorLayer = new ol.layer.Vector({
source: new ol.source.Vector({
features: [pointFeature]
})
});
// 将矢量图层添加到地图上
map.addLayer(vectorLayer);
});
```
以上代码会在地图上每次单击时,在点击位置画出一个点。你可以根据自己的需求对点的样式进行进一步的定制。
阅读全文