php - 将 Bing map 图 block 与 Leaflet 一起使用

Question

我正在尝试将 Bing Maps tiles 集成到 Leaflet 中。我发现执行此操作的所有插件都没有帮助，因为它们没有关于它们的使用信息。我可以用 PHP 编写脚本以从 Leaflet 接收 X、Y 和 Z 坐标(只需将脚本设置为图 block 服务器 URL)，但我需要一种将它们转换为 Quadkey 的方法。任何一个的答案都是可以接受的。如果有帮助，我确实有 Bing map API key 。

Answer 1

GitHub 用户 shramov 的 leaflet-plugins存储库(链接到 Nicolas 的回答中共享的 the gist)包括一个使用 Bing tile 层的示例，并且据我所知维护得相当好。您需要包括 Bing.js文件连同 Leaflet JS 和 CSS:

<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7/leaflet.css" />
<script src="http://cdn.leafletjs.com/leaflet-0.7/leaflet.js"></script>
<script src="Bing.js"></script> 

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

<script type='text/javascript'>
    var map = new L.Map('map', {center: new L.LatLng(67.6755, 33.936), zoom: 10 });
    var bing = new L.BingLayer(YOUR_BING_API_KEY);
    map.addLayer(bing);
</script>

您会注意到 Bing 切片图层默认为航拍图像。如果您打开 Bing.js 文件，您将在 Line 4 上看到type 属性设置为 'Aerial'。对于相应的 Tile 图像，这可以更改为 'Road' 或 'AerialWithLabels'。