一、前言
在 webgis 中经常会用到缩放到某一个要素,视图缩放不同级别等问题。对于不同的要素方法会不一样。
而且对于不同的地图具体实现也不一样。
二、ARCGIS API
arcgis 中对视图操作主要是通过 mapview 来设置的。
一般设置的方式有:
// 设置视图中心 this.$map.mapview.center = [point.lon, point.lat] // 设置视图的范围,这里是把要居中显示的要素 extent 赋值给 mapview this.$map.mapview.extent = geometry.extent.expand(1.5) // 视图移动到目标要素,并可指定层级 this.$map.mapview.goTo({ target: geometry, zoom: 18 })
三、高德地图
高德地图直接就是在 map 对象上面设置
可以设置的方式有:
// 设置中心点 this.Map.setCenter(point) // 设置缩放级别 this.Map.setZoom(15) // 同时设置缩放级别和中心点 this.Map.setZoomAndCenter(15,point) // 设置显示城市,不建议和上面的同时使用 this.Map.setCity(city,callbac) // 设置地图的显示范围,bound 是范围的两个角点位 this.Map.setBounds(bound) // 地图中心点评议到指定点位 this.Map.panTo(point) // 以像素为单位,平移地图 this.Map.panBy(x,y) // 设置合适的视图,可以直接传入要素 this.Map.setFitView(this.riverLine)