EC2打开街道地图服务器,打开图层3

时间:2017-09-18 15:37:37

标签: javascript amazon-web-services openlayers openstreetmap

晚安:

我想通过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()
          ])
        });

2 个答案:

答案 0 :(得分:1)

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

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

enter image description here

答案 1 :(得分:0)

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