gpt4 book ai didi

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

转载 作者:可可西里 更新时间:2023-11-01 14:03:53 26 4
gpt4 key购买 nike

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

最佳答案

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'

关于php - 将 Bing map 图 block 与 Leaflet 一起使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14442055/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com