EC2 Open Street Map Server with Open Layers 3

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

我不知道什么是 'Default'，而且我无法将我的服务器连接到 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

正在连接到您的服务器。来源显示了通用位置。 Open Layer 处理所有复杂性以找到合适的 X/Y/Z 值。

您可以在地图上右击显示图片信息。您会看到它们确实来自您的服务器，具有不同的 X/Y/Z 值。

Answer 2

谢谢。我解决了。我链接IP直接加'osm_tiles/{z}/{x}/{y}.png'

EC2 Open Street Map Server with Open Layers 3

EC2 Open Street Map Server with Open Layers 3

javascript

openlayers

openstreetmap

amazon-web-services