Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/362.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用自己的javascript函数加载地图分幅_Javascript_Algorithm_Map - Fatal编程技术网

使用自己的javascript函数加载地图分幅

使用自己的javascript函数加载地图分幅,javascript,algorithm,map,Javascript,Algorithm,Map,我有自己的MapTiles服务器,可以保存地图图像,我想编写一个javascript引擎,可以在滚动和双击时加载所需的地图tiles(就像GoogleMap一样)。 我正在使用OpenStreetMapJavaScript算法来计算精确的平铺路径 function long2tile(lon,zoom) { return (Math.floor((lon+180)/360*Math.pow(2,zoom))); } function lat2tile(lat,zoom) { r

我有自己的MapTiles服务器,可以保存地图图像,我想编写一个javascript引擎,可以在滚动和双击时加载所需的地图tiles(就像GoogleMap一样)。 我正在使用OpenStreetMapJavaScript算法来计算精确的平铺路径

function long2tile(lon,zoom) {
    return (Math.floor((lon+180)/360*Math.pow(2,zoom)));
}

function lat2tile(lat,zoom) {
    return (Math.floor((1-Math.log(Math.tan(lat*Math.PI/180) + 1/Math.cos(lat*Math.PI/180))/Math.PI)/2 *Math.pow(2,zoom)));
}

但是我只想知道当用户双击地图或在地图上滚动时如何加载平铺。

我不熟悉openstreet map javascript api,我现在不知道您网页的架构,但可以使用图像对象动态加载网页中的任何图像,以及更改对象的src属性:

您应该能够通过以下方式访问网页中的图像对象:

document.getElementById('yourImageId')