Openlayers 点击地图 行政地区高亮显示

一、选择的地区高亮 以中国地图为例,默认显示中国地图,点击省市,点击区域高亮显示 1、定义高亮区域的样式: var highlightStyle = new o

一、选择的地区高亮

以中国地图为例,默认显示中国地图,点击省市,点击区域高亮显示

以中国地图为例

1、定义高亮区域的样式:

var highlightStyle = new ol.style.Style({fill: new ol.style.Fill({color:"#245189",	//高亮区域填充颜色,可用rgba值}),stroke: new ol.style.Stroke({color:"#3e84cf",	//高亮区域的边界线颜色width:2})
});
2、定义高亮区域的图层:
var highlightSource = new ol.source.Vector();
var highlightLayer = new ol.layer.Vector({source: highlightSource,style: highlightStyle
})

3、将2中定义的高亮区域图层添加到地图中:

var view = new ol.View({center: [117.40077514648436, 39.222336516824625],zoom: 1,projection: