Question

我有自己的地图图块服务器，其中保存了地图图像，我想编写一个javascript引擎，可以在滚动和双击上加载所需的地图图块（就像谷歌地图一样）。我正在使用openstreet map javascript algo来计算精确的平铺路径

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)));
}

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

Answer 1

我不熟悉openstreet地图javascript api，我现在不介绍你网页的架构，但是可以动态加载网页中的任何图像，使用Image对象，并更改对象的src属性：

http://www.w3schools.com/jsref/dom_obj_image.asp

您应该能够使用以下方式访问网页中的图像对象：

的document.getElementById（ 'yourImageId'）

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

1 个答案: