三步自制在线地图-基于Leaflet的Helloworld案例

想自己做一个在线地图吗，其实只需要三步就能完成，先看看实际效果吧：

 

这个可以在电脑看，也可以在手机看，下面时手机效果：

 

那具体怎么做呢 ，只需要三步：

第一步：用记事本新建一个空白txt文档，另存为hello.html，然后用记事本打开。

第二部：将下面的代码拷贝进去，保存。

第三步，用浏览器打开这个页面，就可以啦。

稍微解释一下，这个页面用了leaflet的cdn源，所以必须联网才可以使用，是地道的在线地图。

当然了，因为这个实际上就是个html页面，所以你想在手机浏览的话，可以先复制文件到手机，然后用手机浏览器打开就可以啦。

我把这个文件放在了阿里云服务器上，就可以向百度地图一样输入网址打开，如果想这么做的小伙伴，可以先在云服务器商家买一个服务器，然后放上去就可以用了。具体就不展开讲了，感兴趣可以留言。