openlayers学习——2、openlayers放大缩小
openlayers放大缩小前言:基于Vue,学习openlayers,根据官网demo,记录常用功能写法。本人不是专业GIS开发,只是记录,方便后续查找。参考资料:openlayers官网:https://openlayers.org/geojson下载网站:https://datav.aliyun.com/portal/school/atlas/area_selector地图坐标拾取网站:ht
·
openlayers放大缩小
前言:基于Vue,学习openlayers,根据官网demo,记录常用功能写法。
本人不是专业GIS开发,只是记录,方便后续查找。
参考资料:
openlayers官网:https://openlayers.org/
geojson下载网站:https://datav.aliyun.com/portal/school/atlas/area_selector
地图坐标拾取网站:https://api.map.baidu.com/lbsapi/getpoint/index.html
openlayers核心:Map对象、View视图、Layer图层、Source来源、Feature特征等
// 地图缩小
zoomOut () {
// 使用map对象获取view视图,然后设置View视图的放大,缩小参数即可
const view = this.map.getView()
const zoom = view.getZoom()
view.setZoom(zoom - 1)
},
// 地图放大
zoomIn () {
const view = this.map.getView()
const zoom = view.getZoom()
view.setZoom(zoom + 1)
}
注:加载天地图获取map对象,请参考本人该系列博客第一篇
更多推荐
已为社区贡献15条内容
所有评论(0)