如何将叠加层添加到我的 OpenStreetMap

Question

我目前使用谷歌地图并通过使用 PHP 脚本生成所需的 PNG 图像为其创建图块

 var myTileLayer = new GTileLayerOverlay(
                                new GTileLayer(null, null, null, {
                                    //tileUrlTemplate: 'Overlays/Overlay_{Z}_{X}_{Y}.png',
                                    tileUrlTemplate: 'gentile.php?Zoom={Z}&TileX={X}&TileY={Y}',
                                    isPng:true,
                                    opacity:1.0
                                })
                            );

                                map.addOverlay(myTileLayer);

我现在希望使用 OpenStreetMap 并根据此来源： http://wiki.openstreetmap.org/wiki/OpenLayers_Simple_Example

我需要使用此代码来实现这一点，但是它似乎希望我在需要时使用预制图块动态生成它们

 var newLayer = new OpenLayers.Layer.OSM("New Layer", "URL_TO_TILES/${z}/${x}/${y}.png", {numZoomLevels: 19});
 map.addLayer(newLayer);

真的我需要使用 gentile.php?Zoom={Z}&TileX={X}&TileY={Y}

Answer 1

我想，您想使用 OpenLayers 在 OSM（或其他）地图上显示您自己的叠加层吗？

你必须使用，你的图块位于像“gentile.php?Zoom={Z}&TileX={X}&TileY={Y}”这样的URL

所以尝试添加图层：

var newLayer = new OpenLayers.Layer.OSM("New Layer", "gentile.php?Zoom=${Z}&TileX=${X}&TileY=${Y}", {numZoomLevels: 19});

我用过一年前...

如果这不起作用，请编写一个 htaccess - mod_rewrite

例如类似的内容：

RewriteRule ^(.*)/(.*)/(.*).png$ gentile.php?Zoom=$1&TileX=$2&TileY=$3 [NC]