基於Vue2.0實現OpenLayers Marker點標記

import { Vector as SourceVec } from 'ol/source'
import { Feature } from 'ol'
import { Point } from 'ol/geom'
import { Style,Icon} from 'ol/style'
import { Vector as LayerVec } from 'ol/layer'


export default {
mounted(){
 this.vectorTileLayer()
 }
methods: {
    vectorTileLayer(){
      // 創建矢量容器
      var vectorSource = new SourceVec({})
       //創建圖標特性
        var iconFeature = new Feature({
            geometry: new Point([117.12783185600281,36.674042472179686], "XY")
        })

        //將圖標特性添加進矢量中
        vectorSource.addFeature(iconFeature)
          //創建圖標樣式
        var iconStyle = new Style({
          image: new Icon({
              opacity: 0.75,
              src: "圖標地址"
          })
        })
        //創建矢量層
        var vectorLayer = new LayerVec({
            source: vectorSource,
            style: iconStyle
        });
        //添加進map
        map.addLayer(vectorLayer);
    }
 }
}