传单中的高程显示

时间:2015-03-18 18:47:56

标签: maps leaflet elevation

目前我正在使用Agisoft作为TIF导出DEM。从这里可以在传单中显示高程模型还是需要其他步骤?

1 个答案:

答案 0 :(得分:1)

如果您的TIF文件已经拆分为磁贴,那么下一步就是磁贴服务器。通常这些是作为Web服务创建的,您可以使用Apache,IIS等Web服务器,或者您可以轻松地在.NET或Ruby等中使用它们。

您的磁贴服务器将提供磁贴(图像被切割成均匀间隔的网格,通常是256px x 256px,但它可以是任何东西)基于磁贴请求,通常看起来像这样:http://tileserver/tiles/elevation/z/x/y

您可以使用JavaScript(可以托管在同一个Web服务器或其他Web服务器上)创建高程图块的Leaflet基础图层。以下是USGS高程数据源的一个简单示例。它还演示了如何自定义切片图层选项,例如切片大小和最小值和最小值。最大缩放。



var mapElemId = 'map';
var mapOptions = {
  center: [48.699864, -113.802159],
  zoom: 9
};
var map = L.map(mapElemId, mapOptions);
var tileUrl = 'http://basemap.nationalmap.gov/arcgis/rest/services/USGSTopo/MapServer/tile/{z}/{y}/{x}';
var tileOptions = {
  tileSize: 256, // 256 is default
  minZoom: 1,
  maxZoom: 19,
  attribution: 'Tiles Courtesy <a href="http://basemap.nationalmap.gov/arcgis/rest/services/USGSTopo/MapServer" target="_blank">USGS</a>'
};
L.tileLayer(tileUrl, tileOptions).addTo(map);
&#13;
#map {
  height: 180px;
}
&#13;
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
<div id='map'></div>
&#13;
&#13;
&#13;

如果您还没有瓷砖,可以使用各种方法和程序创建它们。以下是对流程的良好描述的一个示例:http://blog.thematicmapping.org/2013/10/terrain-building-with-threejs-part-1.html

另一个很好的参考,用于从OpenStreetMaps创建自己的切片:http://wiki.openstreetmap.org/wiki/Creating_your_own_tiles

如果您需要有关详细信息的帮助,请告诉我们!