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

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

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

    

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

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

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

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

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

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

 

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

  • 7
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 10
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值