当前位置: 首页 > news >正文

Leaflet基础入门教程(一)

leaflet是一个前端的轻量的gis框架,为什么说它轻量呢。因为相比于传统的“庞大的”GIS框架比如openlayers和mapbox,leaflet不仅代码体积小,而且API构成也极为简单。是GIS行业小白入门级别学习的最好的框架,没有之一。

那么话不多说我们首先来学习一下如何使用leaflet搭建一个webgis地图。搭建一个GIS版本的hello world!

第一步我们访问官网查看教程:
https://mp.csdn.net/mp_blog/creation/editor

我们有这样几种方式引入leaflet,第一种是cdn的形式,也就是在线的资源库,如果你是学生和小白为了测试和学习可以采用这种方式。

第二种就是我们代码库下载下来,本地静态引入,这种适合于像我这种平时需要给大家写案例的人来使用。

如果是真正的投入到项目中使用,商业化使用我们可以通过npm的方式安装。

如果是学习测试的用途大家可以在官网上选择download直接下载leaflet的js文件包,下载下来后就包含必要的两个文件:

leaflet.css和lefalet.js。我们把这两个文件和images文件夹(因为其内部包含静态资源)一起拖入我们的项目中,就可以使用了。

 现在我们来搭建一个hello world!

http://www.lryc.cn/news/27581.html

相关文章:

  • 《强化学习导论》之6.5 Q-Learning
  • 5年软测,女朋友跑了俩,2年外包感觉自己废了一半,怎么办?
  • 【JavaWeb】HTML常用标签
  • python编程:查找某个文件夹下所有的文件,包括子文件加下的所有文件,读取指定类型的文件
  • 测试外包干了5年,感觉自己已经废了····
  • C++17 文件与目录操作 <filesystem>
  • Python 如何安装 MySQLdb ?
  • 总被程序员坑?你需要了解API接口
  • 信息系统基本知识(四)新技术
  • jeesite多环境配置
  • 项目中用到的知识点回顾---JWT(JSON Web Token)
  • string类常用函数
  • hexo静态网站部署到腾讯云cos
  • Python高性能编程
  • MVVM模式下如何正确【视图绑定+数据】
  • 外包测试3年,离职后成功入职华为,拿到offer的那天我泪目了....
  • Qt Study
  • JS混淆技术探究及解密方法分析
  • 智慧制硅厂 Web SCADA 生产线
  • 案例09-数据类型不一致导致equals判断为false
  • springsecurity中的类
  • k8s配置管理
  • 技术官方文档中的代码是用什么展示的?代码高亮插件总结
  • 2023年中职组网络安全竞赛——综合渗透测试解析
  • 【全网最细PAT题解】【PAT乙】1044 火星数字(测试点2,测试点4详细解释)
  • rsync+xinetd+inotify+sersync
  • CSS - 扫盲
  • ChatGPT能完全取代软件开发吗,看看它怎么回答?
  • Vue3学习笔记
  • 【React】pro-mobile