leafletjs.elevation не будет показывать gpx

Я обновил пример лифтовой графы gpx, просто изменив имя gox, работая локально на выигрыше 7 или OS X и Safari или Chrome. Ничего не видно. leafletjs.elevation не будет показывать gpx

\t \t var map = new L.Map('map'); 
 

 
\t \t var url = 'http://otile{s}.mqcdn.com/tiles/1.0.0/map/{z}/{x}/{y}.jpeg', 
 
\t \t \t attr ='Tiles Courtesy of <a href="http://www.mapquest.com/">MapQuest</a> &mdash; Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>', 
 
\t \t \t service = new L.TileLayer(url, {subdomains:"1234",attribution: attr}); 
 

 
\t \t var el = L.control.elevation(); 
 
\t \t el.addTo(map); 
 
\t \t var g=new L.GPX("./maggiore.gpx", { 
 
\t \t \t async: true, 
 
\t \t \t marker_options: { 
 
\t \t \t  startIconUrl: './lib/leaflet-gpx/pin-icon-start.png', 
 
\t \t \t  endIconUrl: './lib/leaflet-gpx/pin-icon-end.png', 
 
\t \t \t  shadowUrl: './lib/leaflet-gpx/pin-shadow.png' 
 
\t \t \t } 
 
\t \t }); 
 
\t \t g.on('loaded', function(e) { 
 
\t \t \t \t map.fitBounds(e.target.getBounds()); 
 
\t \t }); 
 
\t \t g.on("addline",function(e){ 
 
\t \t \t el.addData(e.line); 
 
\t \t }); 
 
\t \t g.addTo(map); 
 
\t \t map.addLayer(service);

<link href="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.css" rel="stylesheet"/> 
 
<head> 
 
\t <title>Leaflet.Elevation</title> 
 
\t <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
 
\t <style> 
 
\t html, body, #map { 
 
\t  height:100%; 
 
\t  width:100%; 
 
\t  padding:0px; 
 
\t  margin:0px; 
 
\t } 
 
\t </style> 
 
\t <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> 
 
\t <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.css" /> 
 
\t <!--[if lte IE 8]><link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.ie.css" /><![endif]--> 
 

 
\t <link rel="stylesheet" href="../dist/Leaflet.Elevation-0.0.2.css" /> 
 

 
\t <script type="text/javascript" src="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.js"></script> 
 
\t <script type="text/javascript" src="../dist/Leaflet.Elevation-0.0.2.min.js"></script 
 
\t ><script type="text/javascript" src="./lib/leaflet-gpx/gpx.js"></script> 
 
</head> 
 
<body> 
 

 
\t <div id="map"></div>

Все, что я получаю серая страница с управлением зумом и пустой диаграммы

источник

2014-09-25 Luca Moiana

У вас есть DIST файлы leaftlet.elevation? глядя на вашем примере у вас есть:

<link rel="stylesheet" href="../dist/Leaflet.Elevation-0.0.2.css" /> 
<script type="text/javascript" src="../dist/Leaflet.Elevation-0.0.2.min.js"></script

Вы можете скопировать эти файлы в папку Lib.

источник

2014-09-26 17:20:52 tsamaya

Да, у меня есть все файлы на месте –

leafletjs.elevation не будет показывать gpx

ответ

Смежные вопросы