想自己做一个在线地图吗，其实只需要三步就能完成，先看看实际效果吧：
这个可以在电脑看，也可以在手机看，下面时手机效果：
那具体怎么做呢 ，只需要三步：
第一步：用记事本新建一个空白txt文档，另存为hello.html，然后用记事本打开。
第二部：将下面的代码拷贝进去，保存。
<IDOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<!— Load Leaflet from CDN —>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"
integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
crossorigin="" />
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"
integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA=="
crossorigin=""></script>
<title>Map Online</title>
</head>
<body>
<div id="map" style="height:100%;"/></div>
</body>
<script>
var map = L.map("map").setView([30.56486,114.353622 ],10);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png?{foo}',{foo:'bar'}).addTo(map);
</script>
</html>第三步，用浏览器打开这个页面，就可以啦。
稍微解释一下，这个页面用了leaflet的cdn源，所以必须联网才可以使用，是地道的在线地图。
当然了，因为这个实际上就是个html页面，所以你想在手机浏览的话，可以先复制文件到手机，然后用手机浏览器打开就可以啦。
我把这个文件放在了阿里云服务器上，就可以向百度地图一样输入网址打开，如果想这么做的小伙伴，可以先在云服务器商家买一个服务器，然后放上去就可以用了。具体就不展开讲了，感兴趣可以留言。
