如何在地图上绘制路径的GPS数据
我需要一个位置点(纬度和经度)的数据集。我可以使用任何工具在地图上绘制路径,并按照要求的格式获取点吗?或者有没有其他简单的方法可以做到这一点?提前感谢。我找到了一个解决方案,请检查它,并确保添加外部Jar和CSS资源 HTML如何在地图上绘制路径的GPS数据,gps,gis,Gps,Gis,我需要一个位置点(纬度和经度)的数据集。我可以使用任何工具在地图上绘制路径,并按照要求的格式获取点吗?或者有没有其他简单的方法可以做到这一点?提前感谢。我找到了一个解决方案,请检查它,并确保添加外部Jar和CSS资源 HTML <div id="map" style="width: 800px; height:500px" align="center"></div> <br> <button type="button" onclick="
<div id="map" style="width: 800px; height:500px" align="center"></div>
<br>
<button type="button" onclick="getAllLocations();">GET ALL THE LOCATIONS</button>
<div>
<h3>Output Console</h3>
<textarea id="TextArea" rows="8" cols="80"></textarea>
<br>
获取所有位置
输出控制台
JS
var map = L.map('map').setView([ 6.88869, 79.85878 ], 18);
L.tileLayer(
'https://{s}.tiles.mapbox.com/v3/{id}/{z}/{x}/{y}.png',
{
maxZoom : 20,
attribution : 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, '
+ '<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, '
+ 'Imagery © <a href="http://mapbox.com">Mapbox</a>',
id : 'examples.map-i86knfo3'
}).addTo(map);
var poly = L.polyline([], {
color : 'green'
});
poly.addTo(map);
map.on('click', function(e) {
poly.addLatLng(e.latlng);
//alert();
});
getAllLocations = function (){
alert ("Test");
var locArray = poly.getLatLngs();
var area = document.getElementById('TextArea');
for(var i=0; i<locArray.length; i++){
var item2 = locArray[i];
var item3 = "" + item2;
var item4 = item3.split("(");
var item5 = item4[1].split(")")
//alert(item5[0]);
area.value += item5[0] + "\n";
}
}
var-map=L.map('map').setView([6.88869,79.85878],18);
蒂莱耶(
'https://{s}.tiles.mapbox.com/v3/{id}/{z}/{x}/{y}.png',
{
maxZoom:20,
属性:“映射数据©;贡献者”
+ ', '
+“图像”,
id:'examples.map-i86knfo3'
}).addTo(地图);
var poly=L.多段线([]{
颜色:“绿色”
});
poly.addTo(map);
地图上('点击')功能(e){
poly.addLatLng(即latlng);
//警惕();
});
getAllLocations=函数(){
警报(“测试”);
var locArray=poly.getLatLngs();
var area=document.getElementById('TextArea');
对于(var i=0;i