直播APP源代码vue+openlayers添加点击事件进行图片标记

 //创建矢量容器,当点击时将图标feature放进去
 var iconVector = new VectorSource({
   features:[]
 })
 
 //创建图层
 var iconLayer = new VectorLayer({
   source:iconVector
 })
 //将图层添加到地图上
 this.map.addLayer(iconLayer)
 
 this.map.on('singleclick',mapClick);

 function mapClick(e){
 	  //点击的坐标
     var p = e.coordinate
     //添加地图点击标记,创建标记feature
     var iconFeature = new Feature({
       geometry: new Point(p)
     })
     //标记样式
     var iconStyle = new Style({
       image: new Icon({
         src:require('../assets/bj.jpg')
       })
     })
     //设置标记样式
     iconFeature.setStyle(iconStyle)
     iconVector.clear()//每次先清空容器
     iconVector.addFeature(iconFeature)//将创建好的feature放入到容器中
 }

你可能感兴趣的:(技术类,arcgis,vue,js,html,css3)