openlayers 地图上加图标_Openlayers 定位，添加自定义图标，点击图标弹框

之前已经把地图展示出来，现在可以在地图上做相关操作。

首先定义一个位置图层,这样可以动态操作

import Feature from 'ol/Feature'

import {Vector as VectorLayer} from 'ol/layer'

import GeoJSON from 'ol/format/GeoJSON'

import VectorSource from 'ol/source/Vector'

import Point from 'ol/geom/Point'

import { Style, Icon, Stroke } from 'ol/style'

data () {return{

positionLayer:null}

}

这里只添加了一个位置图标, 通过传入坐标位置，就可以在该位置加载出图标，

//位置图标显示

positionIcon (center) {var iconFeature = newFeature({

geometry:newPoint(center),

name:'当前位置',

population:4000,

rainfall:500})var iconStyle = newStyle({

image:newIcon({

anchor: [0.5, 46],

scale:0.4,

anchorXUnits:'fraction',

anchorYUnits:'pixels',

sr