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

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


这个可以在电脑看,也可以在手机看,下面时手机效果:
三步自制在线地图-基于Leaflet的Helloworld案例
文章图片


那具体怎么做呢 ,只需要三步:
第一步:用记事本新建一个空白txt文档,另存为hello.html,然后用记事本打开。
第二部:将下面的代码拷贝进去,保存。

Map Online

第三步,用浏览器打开这个页面,就可以啦。
稍微解释一下,这个页面用了leaflet的cdn源,所以必须联网才可以使用,是地道的在线地图。
当然了,因为这个实际上就是个html页面,所以你想在手机浏览的话,可以先复制文件到手机,然后用手机浏览器打开就可以啦。
我把这个文件放在了阿里云服务器上,就可以向百度地图一样输入网址打开,如果想这么做的小伙伴,可以先在云服务器商家买一个服务器,然后放上去就可以用了。具体就不展开讲了,感兴趣可以留言。










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

    推荐阅读