openlayers使用——ol地图上标注

本文主要是介绍openlayers使用——ol地图上标注，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

因为近期在使用openlayers，记录下比较常见的地图标注的用法。

下面是在地图上标注图片的方法。data为经纬度数据，例如 ：[{longitude:116.40,latitude:39.90}]（注：北京经纬度），url为图片url。

function(data,url){var features = [],feature,name; data.forEach(v => {			feature = new Feature(new Point(ol_transform([v.longitude, v.latitude], 'EPSG:4326', 'EPSG:3857')));name = 'test';features.push(feature);});var clusterSource = new Cluster({distance: 40,source: new VectorSource({features: features})});var clusterLayer = new VectorLayer({source: clusterSource,name: name,id: name,zIndex: 10, listen: true,style: new Style({image: new Icon({src: `${url}.png`, scale: 0.1 })})});this.map.addLayer(clusterLayer);//map为所要标注的地图},

 

这篇关于openlayers使用——ol地图上标注的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---