首先说一下leaflet是什么,它是一个地图js库,网址是Leaflet - a JavaScript library for interactive maps ,相关的使用方法可以自己去看一下,像我这种英文不好的,直接就用edge打开翻译去查看了。
首先当然是下载了,点击download,这英文单词还是认识的哈,下载最新的1.94稳定版本即可。有的开发者都是用于项目,我这因为比较简单,直接纯粹的js项目处理,顶多使用php做下后端处理,返回json就OK了,所以没有那么复杂,咱们下面接着看怎么使用。
我建立了个目录,解压缩到这个目录下的leaflet目录,然后在根目录新建一个index.html文件,来开始码代码。
起手式来上html:5 回车;
然后引入leaflet的相关”元素“。
<!-- 引入 Leaflet 的 CSS 和 JS 文件 -->
<link rel="stylesheet" href="./leaflet/leaflet.css" />
<script src="./leaflet/leaflet.js"></script>