Leafletjs.elevation 不会显示 gpx答案

【问题标题】：leafletjs.elevation won't show gpxLeafletjs.elevation 不会显示 gpx
【发布时间】：2014-11-19 22:16:46
【问题描述】：

我更新了传单提升示例 gpx 只是更改了 gox 名称，在 win 7 或 OS X 和 Safari 或 Chrome 上本地工作。什么都没有显示。

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

		var url = 'http://otile{s}.mqcdn.com/tiles/1.0.0/map/{z}/{x}/{y}.jpeg',
			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>',
			service = new L.TileLayer(url, {subdomains:"1234",attribution: attr});

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

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

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

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

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

我得到的只是一个带有缩放控件和一个空图表的灰色页面

【问题讨论】：

标签： leaflet gpx elevation

【解决方案1】：

你有 leaftlet.elevation dist 文件吗？看看你的例子：

<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 文件夹中。

【讨论】：

是的，我把所有文件都准备好了