根据地理坐标计算瓦片行列号

最新推荐文章于 2025-02-25 08:56:00 发布

weixin_33727510

最新推荐文章于 2025-02-25 08:56:00 发布

阅读量2k

点赞数

CC 4.0 BY-SA版权

文章标签： python

原文链接：http://www.cnblogs.com/tinaluo/p/7474273.html

本文介绍了一个使用JavaScript和OpenStreetMap API实现的功能，当用户点击地图时，能够获取到被点击位置的具体坐标，并将其转化为特定的URL格式进行输出。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

##http://jsfiddle.net/84P9r/

$(document).ready(function(){
    url = "http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
    var map = L.map('map').setView([0, 0], 0);

    if (typeof(Number.prototype.toRad) === "undefined") {
      Number.prototype.toRad = function() {
        return this * Math.PI / 180;
      }
    }


    function getTileURL(lat, lon, zoom) {
        var xtile = parseInt(Math.floor( (lon + 180) / 360 * (1<<zoom) ));
        var ytile = parseInt(Math.floor( (1 - Math.log(Math.tan(lat.toRad()) + 1 / Math.cos(lat.toRad())) / Math.PI) / 2 * (1<<zoom) ));
        return "" + zoom + "/" + xtile + "/" + ytile;
    }
    


    L.tileLayer(url, {
        maxZoom: 18
    }).addTo(map);

    map.on('click', function (e) {
        url = getTileURL(e.latlng.lat, e.latlng.lng, map.getZoom())
        console.log(url);
        alert(url);
    });