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

一、选择的地区高亮

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

以中国地图为例

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: 


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部