javascript - 具有 Open Layer 3 的 EC2 开放街道 map 服务器

Question

晚上好:

我想使用 Open Layers 3 连接到我的 EC2 Open Street Map Server。所以，我的服务器中有一个文件示例:

http://ec2-34-240-39-198.eu-west-1.compute.amazonaws.com/openlayers-example.html

但是，我的代码不显示地址，如果您显示源代码(Ctrl-U):

var newL = new OpenLayers.Layer.OSM("Default", "/osm_tiles/${z}/${x}/${y}.png", {numZoomLevels: 19});

我不知道什么是“默认”，并且我无法使用 Open Layers 3 连接我的服务器。这是我的代码:

var map = new ol.Map({
          target: 'map', 
          renderer: 'canvas', 
          layers: [
             new ol.layer.Tile({
                 source: new ol.source.OSM({
                   crossOrigin: null,
                   url: 'http://ec2-34-240-39-198.eu-west-1.compute.amazonaws.com/osm_tiles/${z}/${x}/${y}.png',
                    }),
                 }),
                vectorLayer,
           ],
 // Create a view centered on the specified location and zoom level
 view: new ol.View({
         center: ol.proj.transform([2.1833, 41.3833], 'EPSG:4326', 'EPSG:3857'),
         zoom: 3
         }),
       interactions: ol.interaction.defaults().extend([
         new ol.interaction.DragRotateAndZoom()
          ])
        });

Answer 1

它正在连接到您的服务器。来源显示了通用位置。开放层处理所有复杂性以找到正确的 X/Y/Z 值。

您可以右键单击 map 并显示图片信息。您将看到它们确实来自您的服务器，具有不同的 X/Y/Z 值。