118  
查询码:00000716
openlayer3——地图初始化
作者: 徐文彬 于 2021年02月19日 发布在分类 / 人防组 / 人防前端 下,并于 2021年02月19日 编辑
openlayer3

初始化地图

1、引入文件

粘贴图片

项目频繁使用就在index.html文件里引入

2、新增一个带id的标签作为地图容器

粘贴图片

3、初始化

that.map = new ol.Map({
          target: "attackSiteMap",
          layers: [that.untiled],
          interactions: ol.interaction.defaults(),
          view: new ol.View({
            center: that.mapCenter,
            projection: new ol.proj.Projection({
              code: "EPSG:4326",
              units: "degrees",
              axisOrientation: "neu"
            }),
            maxZoom: 20,
            minZoom: 10,
            zoom: 12
          })
        });

4、运行结果

粘贴图片



 推荐知识

 历史版本

修改日期 修改人 备注
2021-02-19 14:11:28[当前版本] 徐文彬 openlayer3——地图初始化

 附件

附件类型

PNGPNG

知识分享平台 -V 4.8.7 -wcp