我的目标是获取真实世界的地图/街道并创建自定义道路,应用一种方式来导航我自己的道路以及世界上现有的街道创建新街道后,我导出了 osm 文件,将其带到 Maperitive 生成瓷砖。然后我使用传单路由机在 HTML 中通过我的新街道进行导航。但是,它似乎完全忽略了我添加的内容。我是这些软件的新手,似乎找不到我做错了什么
从 OSM 下载到 JOSM,创建新街道。导出为 OSM,在 Maperitive 中打开。导出到 Tiles,使用 Leaflet & Leaflet 路由机尝试在新街道内路由。
<link rel="stylesheet" href="Map Navigation/leaflet.css" />
<link rel="stylesheet" href="Map Navigation/leaflet-routing-machine-3.2.12/dist/leaflet-routing-machine.css" />
<script src="Map Navigation/leaflet.js"></script>
</head>
<body>
<div style="width: 1200px; height: 800px" id="map"></div>
<script type="text/javascript" src="Map Navigation/leaflet-src.js"></script>
<script src="Map Navigation/leaflet-routing-machine-3.2.12/dist/leaflet-routing-machine.js"></script>
<script>
var mymap = L.map('map').setView([1.269506, 103.832759], 13);
L.tileLayer('Map Navigation/Tiles/{z}/{x}/{y}.png', {maxZoom: 16}).addTo(mymap);
L.Routing.control({ waypoints:[
L.latLng(1.269506, 103.832759),
L.latLng(1.269542, 103.835772)],
routeWhileDragging: true
}).addTo(mymap);
var popup = L.popup();
function onMapClick(e) {
popup
.setLatLng(e.latlng)
.setContent("You clicked the map at " + e.latlng.toString())
.openOn(mymap);
}
mymap.on('click', onMapClick);