示例功能
该示例底图显示一个天地图世界地图,实现显示地图域当前信息功能。
示例实现
本示例需要使用 【include-openlayers-local.js】 ,通过 ol.view()类的 getResolution()方法实现显示当前分辨率功能;通过 ol.map()类的方法实现显示当前地图范围功能;通过 ol.map()类的 getView()方法实现显示当前视口范围功能;
实现步骤
Step 1. 引用开发库:
本示例通过本地离线 【include-openlayers-local.js】 脚本引入开发库;
Step 2. 创建地图容器:
创建id="mapCon"
的 div 作为地图容器,并设置其样式;
Step 3. 创建地图容器:
创建地图对象,设置地图的必要参数,将 layers 属性设置为天地图地图图层;
Step 4.