浅谈 SuperMap iClient for Leaflet (一)地图展示功能实现

时间:2024-04-04 07:29:46

首先呢我自己学习这个部分用了挺多时间的总结出我对于SuperMap的一些功能及应用,也算是我的笔记了吧,话不多说直接看代码吧

第一步我们要把下载好的引入文件整理出来,毕竟下载出来的包里面含有很多案例,他们的内存也是比较大的,在本身的开发中不一定需要全部的文件,部分即可

浅谈 SuperMap iClient for Leaflet (一)地图展示功能实现

    

这边是我现在所用到的一些包,需要注意的是下面这两个文件中,部分代码需要我们自己去修改

浅谈 SuperMap iClient for Leaflet (一)地图展示功能实现

 主要是修改这两个文件中的加载类库资源文件引入的路径,我在这里把他们都放在了根目录下

浅谈 SuperMap iClient for Leaflet (一)地图展示功能实现

 在这几步完成之后呢,基本的准备工作就算完成了,接下来要做的就是地图展示了:

  1. 创建好我们的容器(DIV),用来装我们的地图
  2. 新建地图的map,url 两个对象,及内容
  3. 使用L.map()设置地图的基本属性
  4. 通过L.supermap.tiledMapLayer(路径:url).addTo(地图容器:div)

浅谈 SuperMap iClient for Leaflet (一)地图展示功能实现

我在这里引入的url,是supermap官网的GIS服务

还有就是我要说的,一定主要引入路径的问题,在报错后,先查看浏览器的NetWork 中那些文件包没有被加载到,然后再在我在上面所说的两个文件中,查找该文件,基本出现一些报错都是文件引入路径的问题

 

后面的那个功能我会继续更新,希望大家看到之后能少走一些坑,希望在学习supermap的道路上越走越好